Question

我在自己的样式表中添加了自定义字体（Alef-Regular），代码如下（...代表更长的路径，而不是实际代码）。

@font-face
{
    font-family: Alef;
    src:
        url('.../Alef-Regular.ttf') format ('truetype'),
        url('.../Alef-Regular.woff') format ('woff');
}

当我调用字体时，这不起作用。 Firefox发出以下警告：

Expected end of value but found 'format'.  Skipped to next declaration.

但是，当我删除格式并将其删除为：

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

然后就可以了。

我进行了双重检查和三重检查，第一个示例中的语法似乎是正确的。我在语法中遗漏了什么，或者其他地方是否有问题？

Answer 1

你必须在＆＃39;格式之间留下空格。单词和括号。

就像那样：

@font-face
{
    font-family: Alef;
    src:
        url('.../Alef-Regular.ttf') format('truetype'),
        url('.../Alef-Regular.woff') format('woff');
}

CSS font-face不接受＆＃39;格式＆＃39;句法

1 个答案: