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

Question

我想将我的 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.

对应的输出为:

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

Answer 1

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

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

我们在这里做什么:

如果您在浏览器中标记标题并检查该元素(Chrome:右键单击 -> 检查)，您可以看到标题实际上是一个 HTML 段落，其中包含一个名为 caption 的类:

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

通过上面的 CSS 代码，我们将那些元素(并且只有那些)的字体大小更改为默认大小的 60%。

---