更改flexdashboard中单个文本部分的字体大小

时间:2016-09-29 07:57:05

标签: r r-markdown flexdashboard

我正在使用flexdashboard创建报告,我想仅为页面的一部分更改字体大小。

我觉得我可以通过添加CSS类来实现,但是我找不到如何在R markdown代码中指定类名。

有什么想法吗?

3 个答案:

答案 0 :(得分:3)

您可以直接将CSS添加到Rmarkdown文档中。例如,如果要更改具有类“chart-title”的对象的字体,可以将以下内容插入到R markdown文件中:

---
title: "Title"
output: 
  flexdashboard::flex_dashboard:
theme: readable
orientation: columns
vertical_layout: fill
---

<style type="text/css">

.chart-title {  /* chart_title  */
   font-size: 30px;
   font-family: Algerian;

</style>

答案 1 :(得分:0)

Flexdashboard会自动向该节添加与该节标题同名的id。例如,如果您有一个“我的情节”部分,则该部分的ID将为“我的情节”。您可以按以下方式添加特定于部分的CSS

---
title: "Title"
output: 
  flexdashboard::flex_dashboard:
theme: readable
orientation: columns
vertical_layout: fill
---

Row
-----------------------------------------------------------------------
### my plot
plot1

### my plot2
plot2

<style type="text/css">
#my-plot .chart-title{
  font-size: 20px;
}
<style type="text/css">

在上面的示例中,将仅更改图1的字体大小。

答案 2 :(得分:0)

您可以对单个项目执行以下操作:

Column {data-width=400}
-----------------------------------------------------------------------

### <b><font face="Georgia" size="2em" color="#000000">Chart B</font></b>