如何在reveal.js中添加和更改字体？答案

【问题标题】：How to add and change fonts in reveal.js?如何在reveal.js中添加和更改字体？
【发布时间】：2014-11-10 12:10:36
【问题描述】：

我正在使用reveal.js 进行下一次演示，我想更改用于标题的默认字体。

如何在reveal.js 中添加和更改字体？

【问题讨论】：

标签： reveal.js

【解决方案1】：

你可以通过修改你正在使用的当前主题的 css 文件来做到这一点。

主题文件位于文件夹 /css/theme/[yourtheme].css

打开主题的 css 文件后，您可以看到下面的标题部分

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  margin: 0 0 20px 0;
  color: #eee8d5;
  font-family: "League Gothic", Impact, sans-serif;
  line-height: 0.9em;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-shadow: none; }

现在您可以修改标题的任何属性。

【讨论】：

【解决方案2】：

实际上有很多字体。只是您必须绕过不同的主题才能找到适合您的演示文稿的主题。我的默认主题有类似的问题，将其更改为其他主题，在 css/theme 中找到主题

要更改主题，请更改 index.html 文件中的链接标签

<link rel="stylesheet" href="css/theme/default.css" id="theme">

将 default.css 更改为任何其他主题文件

<link rel="stylesheet" href="css/theme/solarized.css" id="theme">

希望它有效。

如果您想更改字体，您可以通过转到主题的 css 文件来更改您将使用的主题中的每个标签的字体系列。

【讨论】：

发现，检查日晒主题。

【解决方案3】：

添加到 aatish-sai 的回答中（谢谢！）。

这里有一个基本主题模板：https://github.com/hakimel/reveal.js/blob/master/css/theme/template/theme.scss。

如果我想更改从 jupyter notebook foo.ipynb 生成的reveal.js 幻灯片中显示的字体（例如，Fira Sans），只需编写以下文本

.reveal,
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  font-family: "Fira Sans";
}

到与笔记本相同目录下的文件foo.css。

【讨论】：