更改R Markdown HTML输出中图形标题的字体大小

我想让我的R Markdown文档中所有图形标题的字体大小变小.最终的输出是 HTML,我在R Studio工作.要加载图片,我使用knitr的include_graphics函数,因为我被告知这是最好的方法(见 here).我的.Rmd文件是：

---
title: "ppp"
author: "ppp"
date: "July 4, 2017"
output: 
  html_document: 
    fig_caption: yes
---

`{r setup, include=FALSE}
library(knitr)
opts_chunk$set(echo = FALSE)


```{r foo, fig.cap="$f_{p}$as a function of $g$for various values of $r=\\frac{\\rho_{w}}{\\rho_{a}}$"}
# All defaults
include_graphics("download.jpg")


This is regular text.

相应的输出是：

如您所见,标题字体大小和常规文本字体大小完全相同,看起来不太好.我怎么解决这个问题？

只需将以下CSS添加到您的Rmd文档(YAML标题下方的任何位置)：

<style>
p.caption {
  font-size: 0.6em;
}
</style>

我们在这里做什么：

如果您在浏览器中标记标题并检查该元素(Chrome：右键单击 – > Inspect),您会发现标题实际上是一个带有名为caption的类的HTML段落：

<p class="caption"> ... </p>

使用上面的CSS代码,我们将这些元素的字体大小(仅限那些元素)更改为默认大小的60％.