Question

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

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

Answer 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; }

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

Answer 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文件，更改您将要使用的主题中每个标记的字体系列。

Answer 3

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

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

如果我想更改从Jupyter笔记本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。

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

3 个答案: