css - Opera不显示外部字体

下一个问题-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。

最佳答案

属性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类型吗？

关于css - Opera不显示外部字体，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23217256/