如何应用后备字体？

Question

body {
font-family: 'Ubuntu', sans-serif;
}

body {
font-family: sans-serif; 
}

这是我的CSS.我已经读过,如果你把你的后备字体放在第二位,那么它只能在你的第一个字体无法使用的设备上使用.

但是,在我的笔记本电脑上,它选择显示后备字体(当后退不在我的CSS时,它会读取第一个字体).如何在没有它的情况下应用后备字体-ruining-我的页面？

Answer 1

删除第二个块.

您已经将其定义sans-serif为后备.如果你想添加另一种字体,例如Arial,只需将它添加到逗号分隔列表中:

body {
    font-family: 'Ubuntu', Arial, sans-serif;
}

在此示例中,如果未安装Ubuntu,将使用Arial.如果未安装Arial,将使用系统默认的sans-serif字体.

您在示例中所做的是使用第二个样式块覆盖第一个样式块,这就是为什么sans-serif总是使用并忽略第一个块.