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

Question

我想让我的R Markdown文档中所有数字字幕的字体大小变小。最终输出是HTML，我在R Studio中工作。要加载图片，我使用include_graphics中的knitr函数，因为我已经告诉它最好的方法（参见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.

相应的输出是：

正如您所看到的，标题字体大小和常规文本字体大小完全相同，看起来并不好看。我该如何解决这个问题？

Answer 1

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

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

我们在这做什么：

如果您在浏览器中标记标题并检查该元素（Chrome：右键单击 - ＆gt; Inspect），您会发现标题实际上是一个带有名为caption的类的HTML段落：

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

使用上面的CSS代码，我们将这些元素的字体大小（仅限那些元素）更改为默认大小的60％。