Question

我使用自己的字体@ 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-family并更改font-size属性。对于IE，有很好的黑客，但Opera和Firefox怎么样？

谢谢！

Answer 1

错误的字体文件（没有变音字符）...已解决。

@ font-face - 变音符问题

1 个答案: