CSS3中的@ font-face错误

时间:2013-06-14 20:47:11

标签: css3 font-face

当我尝试将下面显示的代码添加到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;
}

2 个答案:

答案 0 :(得分:0)

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

@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;
}

答案 1 :(得分:0)

尝试添加:

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的好指南。