我在使用自己的字体@ font-face时遇到CSS3属性问题。在Chrome,Safari和IE10浏览器中没有任何问题,但在其他浏览器中则存在一些问题:

我使用了以下代码:(将Gabriola用作字体字体-两者相同)

@font-face {
    font-family: "Gabriola";
    src: url("../fonts/Gabriola.eot?") format("eot"),
         url("../fonts/Gabriola.woff") format("woff"),
         url("../fonts/Gabriola.ttf") format("truetype"),
         url("../fonts/Gabriola.svg#Gabriola") format("svg");
    font-weight: normal;
    font-style: normal;
}


在Google Chrome浏览器中,一切正常:Screen

Firefox用其他字体用变音符号替换字母-Screen

Opera包含的字体之一根本不会显示,第二个文本中的会跳过带变音符号的字母:Screen

在新版IE10中,一切正常,较旧的版本(IE9和IE8)的行为类似于Firefox。

我该如何修理?或者至少用一些通用字体(例如Arial,...)替换有问题的浏览器中的字体系列,然后更改font-size属性。对于IE,有一些不错的技巧,但是Opera和Firefox呢?

谢谢!

最佳答案

错误的字体文件(没有变音符号)...解决。

09-25 10:23