我肯定我错过了一些非常直截了当的东西.一直使用普通字体的单一自定义字体:
@font-face {
font-family: CustomFont;
src: url('CustomFont.ttf');
}
当我使用它时,一切正常,但是如果我想添加另一个自定义字体,我该怎么做呢?我试过用逗号分隔下一个字体,或者添加一个完整的其他字体,但第二种字体无法正常工作.
我肯定我错过了一些非常直截了当的东西.一直使用普通字体的单一自定义字体:
@font-face {
font-family: CustomFont;
src: url('CustomFont.ttf');
}
当我使用它时,一切正常,但是如果我想添加另一个自定义字体,我该怎么做呢?我试过用逗号分隔下一个字体,或者添加一个完整的其他字体,但第二种字体无法正常工作.
您只需再添加@font-face
条规则即可:
@font-face {
font-family: CustomFont;
src: url('CustomFont.ttf');
}
@font-face {
font-family: CustomFont2;
src: url('CustomFont2.ttf');
}
如果第二种字体仍然无法使用,请确保拼写正确,字体名称和文件名正确,浏览器缓存正常,操作系统没有与同名字体混淆,等等.