css - 当 style.css 中的 bookdown 字体发生变化时，Serif 不起作用

Question

当我更改 style.CSS 中的字体时，使用 font-setting 按钮在 sans-serif 和 serif 之间切换的选项不起作用。有什么建议吗？

这似乎发生在我为主要文本更改字体时，例如:

_output.yml

bookdown::gitbook:
  css: style.css

样式.CSS

p {
  font-family: Arial;
}

但并不是所有的文字都会改变。例如，如果您只更改列表的字体，该按钮仍然可以正常工作。

样式.CSS

li {
  font-family: Arial;
}

按钮本身似乎工作正常，在类之间切换.font-family-1 = sans-serif and .font-family-0 = serif

Answer 1

目前，我认为您正在观察的是字体设置 gitbook 插件的预期行为。

The button itself seems to work fine, toggling between the class .font-family-1 = sans-serif and .font-family-0 = serif

当你点击按钮时，书的html根节点在.font-family-1和.font-family-0之间改变类

>

如果你想改变这本书使用的默认font-family，你可以自定义css来覆盖默认的

.book.font-family-0 {
  font-family: Georgia, serif;
}
.book.font-family-1 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

该按钮会将类更改为类 .book 的根，并将正确的 css 应用于所有书籍。