Opera不显示外部字体

Question

下一个问题-Opera不显示外部字体。 下一个代码：

@font-face {
    font-family: "Ubuntu-Italic"; 
    src:url('../fonts/Ubuntu-I.eot'),
    src:url('../fonts/Ubuntu-I.eot?#iefix') format('opentype'),
    src:url('../fonts/Ubuntu-I.woff') format('woff'),
    src:url('../fonts/Ubuntu-I.otf') format('opentype'),
    src:url('../fonts/Ubuntu-I.ttf') format('truetype'),
    src:url('../fonts/Ubuntu-I.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

看起来一切正常-双引号，“ woff”格式...但是它不适用于Opera。

Answer 1

属性src需要一个URL列表。
或使用多个src定义。
你混合了。 这不是有效的CSS。

您的代码：

src:url('../fonts/Ubuntu-I.eot'),
src:url('../fonts/Ubuntu-I.eot?#iefix') format('opentype'),
src:url('../fonts/Ubuntu-I.woff') format('woff'),
src:url('../fonts/Ubuntu-I.otf') format('opentype'),
src:url('../fonts/Ubuntu-I.ttf') format('truetype'),
src:url('../fonts/Ubuntu-I.svg') format('svg');

应该：

src:url('../fonts/Ubuntu-I.eot'),
    url('../fonts/Ubuntu-I.eot?#iefix') format('opentype'),
    url('../fonts/Ubuntu-I.woff') format('woff'),
    url('../fonts/Ubuntu-I.otf') format('opentype'),
    url('../fonts/Ubuntu-I.ttf') format('truetype'),
    url('../fonts/Ubuntu-I.svg') format('svg');

为不同的类型发送正确的MIME类型吗？