使用@font-face 使用多种自定义字体？

我确信我错过了一些非常直接的东西。一直使用带有普通字体的单个自定义字体：

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

当我使用它时一切正常，但如果我想添加另一种自定义字体我该怎么办？我尝试过用逗号分隔下一个字体或添加整个其他字体，但无法使第二种字体工作。

您只需添加另一个@font-face rule:

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

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

如果您的第二种字体仍然无法工作，请确保您正确拼写了它的字体名称和文件名，您的浏览器缓存正常运行，您的操作系统没有乱用同名的字体，等等。