body {
font-family: 'Ubuntu', sans-serif;
}
body {
font-family: sans-serif;
}
这是我的CSS。我了解到如果将备用字体放在第二位,它只会在第一个字体无法使用的设备上使用。 但是,在我的笔记本电脑上,它选择显示备用字体(当备用字体在我的CSS之外时,它确实读取第一个字体)。如何应用备用字体而不会“破坏”我的页面?
移除第二个模块。
你已经将 sans-serif
定义为回退字体。如果你想要添加另一个字体,例如 Arial,只需将其加入逗号分隔的列表即可:
body {
font-family: Ubuntu, Arial, sans-serif;
}
sans-serif
始终被使用,并且忽略了第一个块。body/font-family
规则覆盖了第一个规则,因此浏览器不会获取第一个规则中列出的字体。'Ubuntu',Arial,sans-serif;
)。body {
font-family: Ubuntu, Arial, 'Your font', sans-serif;
}
body
将覆盖第一次声明。请在MDN中了解更多关于font-family
的信息。
font-family
,然后再次设置它时会发生什么。” - Mike 'Pomax' Kamermans