我在使用自己的字体@ 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呢?
谢谢!
最佳答案
错误的字体文件(没有变音符号)...解决。