Question

当我尝试将下面显示的代码添加到CSS3样式表中时，我收到错误说'format（'xxxx'）'不是src属性的有效值。如果我在“格式化”之前删除空格，则错误消失，但我不知道代码是否正在处理。

我被烧坏了。有没有人有任何想法？

谢谢，

由里

@font-face {
    font-family: 'arialregular';
    src: url('arial-webfont.eot');
    src: url('arial-webfont.eot?#iefix') format('embedded-opentype'),
         url('arial-webfont.woff') format('woff'),
         url('arial-webfont.ttf') format('truetype'),
         url('arial-webfont.svg#arialregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

Answer 1

您可以尝试使用以下内容，替换路径

@font-face {
    font-family: 'LatoLight';
    src: url('../fonts/Lato-Lig-webfont.eot');
    src: url('../fonts/Lato-Lig-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Lig-webfont.woff') format('woff'),
        url('../fonts/Lato-Lig-webfont.ttf') format('truetype'),
        url('../fonts/Lato-Lig-webfont.svg#LatoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

Answer 2

尝试添加：

local('arialregular')

@font-face {
    font-family: 'arialregular';
    src: url('arial-webfont.eot');
    src: local('arialregular'),
         url('arial-webfont.eot?#iefix') format('embedded-opentype'),
         url('arial-webfont.woff') format('woff'),
         url('arial-webfont.ttf') format('truetype'),
         url('arial-webfont.svg#arialregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

此外，这看起来像@font-face的好指南。

CSS3中的@ font-face错误

2 个答案: