为 xaringan 中的所有幻灯片自定义字体大小

Question

我正在使用 Yihui 的 awesome package xaringan 构建 html 幻灯片，对于熟悉 xaringan 或 [=27= 的人来说，这可能是一个非常简单的问题]:

我不知道如何设置所有幻灯片的字体大小。我尝试在自定义 css 中定义 font-size，类似于 body{font-size: 200%} 或 body{font-size: xx-large}，并在 YAML 中调用它：

output: xaringan::moon_reader: css: [custom.css]

没有任何变化。我知道我可以使用 .large class 来更改一定数量的单词的大小，并在幻灯片的开头使用 class: large 来更改整个页面的正文字体。但是，有没有一种方法可以避免将 class:large 粘贴到我制作的每张幻灯片上，但同时设置字体大小？任何建议将不胜感激！

Answer 1

YAML header:

---
title: "Presentation Ninja"
subtitle: "⚔<br/>with xaringan"
author: "Yihui Xie"
date: "2016/12/12 (updated: `r Sys.Date()`)"
output:
  xaringan::moon_reader:
    lib_dir: libs
    nature:
      highlightStyle: github
      highlightLines: true
      countIncrementalSlides: false
---

尝试将以下行添加到您的 Rmd 文件或将其放入您的 custom.css:

<style type="text/css">
.remark-slide-content {
    font-size: 30px;
    padding: 1em 4em 1em 4em;
}
</style>

解释：

上面的代码覆盖了remark-slide-content的默认样式，在class remark-slide-content下面的幻灯片中更改了font-sizes，这适用于所有幻灯片中的文本。
在我测试的过程中，padding也要相应调整。自己试验一下。
已编辑：当幻灯片不是 self-contained 时，!important 规则不是必需的（即 CSS 文件是单独保存的。）
再次编辑（见下面的评论）：

要为一页设置font-size，首先，在CSS部分定义一个class：

.my-one-page-font {
  font-size: 40px;
}

然后在幻灯片标题前添加 class: my-one-page-font。

为 xaringan 中的所有幻灯片自定义字体大小

Customize font size for all the slides in xaringan

css

xaringan