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

Question

我想让我的R Markdown文档中所有图形标题的字体大小变小.最终的输出是HTML,我在R Studio工作.为了加载图片,我使用了include_graphics函数from knitr,因为我被告知这是最好的方法(见这里).我的.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:右键单击 - >检查),您可以看到标题实际上是一个带有名为的类的HTML段落caption:

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

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