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



我正在使用亿惠的强大包xaringan来构建html幻灯片,对于熟悉xaringan或css的人来说,这可能是一个非常简单的问题:

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

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

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

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下幻灯片的字体大小,该类适用于幻灯片中的所有文本。

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

  • 编辑:当幻灯片不是独立的(即CSS文件是单独保存的(时,!important规则是不必要的。

  • 再次编辑(见下面的评论(:

要设置一页的字体大小,首先在CSS部分定义一个类:

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

然后在幻灯片标题之前添加CCD_ 12。

最新更新