CSS 字体不接受 'format' 语法

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

您必须在 'format' 单词和括号之间不留 space。

像那样:

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

CSS 字体不接受 'format' 语法

CSS font-face not accepting 'format' syntax

css

webfonts

font-face