css – 使用@ font-face使用多个自定义字体?

前端之家收集整理的这篇文章主要介绍了css – 使用@ font-face使用多个自定义字体?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我相信我错过了一些很简单的东西。已使用单一自定义字体与正常的字体:
@font-face {
    font-family: CustomFont;
    src: url('CustomFont.ttf');
}

所有的工作正常,当我使用它,但如果我要添加另一个自定义字体,我该怎么办?我尝试用逗号分隔下一个或添加一个整体其他字体,但不能得到第二个字体工作。

@R_403_323@

您只需添加另一个@ font-face规则:
@font-face {
    font-family: CustomFont;
    src: url('CustomFont.ttf');
}

@font-face {
    font-family: CustomFont2;
    src: url('CustomFont2.ttf');
}

如果你的第二个字体仍然不工作,确保你正确拼写它的字体名称和它的文件名,你的浏览器缓存是行为,你的操作系统不会搞乱同名字体等。

猜你在找的CSS相关文章