书本字体在style.css中更改时,Serif不起作用

问题描述 投票:0回答:1

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

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

_ output.yml

bookdown::gitbook:
  css: style.css

style.CSS

p {
  font-family: Arial;
}

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

style.CSS

li {
  font-family: Arial;
}

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

css fonts bookdown gitbook
1个回答
0
投票

当前,我认为您正在观察的是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应用于所有书籍。

© www.soinside.com 2019 - 2024. All rights reserved.