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 defintition 你把它混合了。它不是有效的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类型？

Opera不显示外部字体

1 个答案: