6

我正在使用一辉的awesome packagexaringan来构建html幻灯片，对于熟悉xaringan或css的人来说，这可能是一个非常简单的问题：

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

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

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

4

1 回答 1

12

YAML 标头：

---
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，这适用于幻灯片中的所有文本。

  • 在我的测试过程中，填充也应该相应地调整。自己试验一下。

  • 已编辑：!important当幻灯片不是独立的（即 CSS 文件单独保存）时，不需要该规则。

  • 再次编辑（见下面的评论）：

要为一个页面设置字体大小，首先，在 CSS 部分定义一个类：

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

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

于 2018-11-29T06:40:15.407 回答