@font-face - 变音符号的问题答案

【问题标题】：@font-face - problems with diacritic@font-face - 变音符号的问题
【发布时间】：2012-02-26 20:27:06
【问题描述】：

我在使用我自己的字体@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;
}

在谷歌浏览器中一切正常：Screen

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

Opera 包含的字体之一根本不显示，并且在文本中第二个跳过带有变音符号的字母：Screen

在新的 IE10 中一切正常，而旧的（IE9 和 IE8）表现得像 Firefox。

我该如何修复它？或者至少用一些通用字体（如 Arial，...）替换有问题的浏览器中的 font-family 并更改 font-size 属性。对于 IE 有很好的 hack，但是 Opera 和 Firefox 呢？

谢谢！

【问题讨论】：

请在发布时格式化您的代码以便于阅读。 :)
eot 和 woff 版本可能缺少字符 - 可以根据需要在给定网页上仅添加原始 Truetype 字体字符集的一部分以减少下载大小，以及任何人转换是否可能只包括 Latin-1。尝试制作自己的eof 和woff 版本。
（另外，字体对于文本和 UI 元素的运行来说是可怕的。只是说。）

标签： css cross-browser font-face

【解决方案1】：

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

【讨论】：