当 style.css 中的 bookdown 字体更改时，衬线不起作用

Question

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

这似乎发生在我更改正文的字体时，例如：

_output.yml

bookdown::gitbook:
  css: style.css

样式.CSS

p {
  font-family: Arial;
}

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

样式.CSS

li {
  font-family: Arial;
}

按钮本身似乎工作正常，在类之间切换 .font-family-1 = 无衬线和.font-family-0 = 衬线

Answer 1

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

按钮本身似乎工作正常，在类 .font-family-1 = sans-serif 和 .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 应用于所有书籍。