我知道这是一个共同的问题，我想几乎每一个解决方案，我能找到的，我想知道，如果显示的代码做一点会更有用。

问题

我想实现4字体面孔的客户端。目前文件已用字体松鼠产生。然而，字体不工作在所有的IE 7/8，而对于IE9部分工作。

字体本身的跨浏览器的渲染是不是这里的问题，我只是希望它显示。

我们已经试过

我们花了（在我的工作的公司）有很多做以下时间：
我们发现多种语法，字体鼠笼一个是更完整 - 。
- 重新加载JavaScript中的CSS，页面加载秒后（工作一个老项目）。
- 检查所有的语法问题。
- 检查是否有一个404错误
- 把同一个名字，但witfh不同的字体重量
- 尝试添加#iefix和所采用的格式？

截图

示例代码

：您可以在现场看到http://dev.phin.fr/fontsie/

句法

@font-face {
            font-family: 'DidotBoldItalic';
            src: url('fonts/DidotHTF-24BoldItalic.eot');
            src: url('fonts/DidotHTF-24BoldItalic.ttf') format('truetype'), url('fonts/DidotHTF-24BoldItalic.svg') format('svg');
            font-weight: normal;
            font-style: normal;
        }

谢谢！

Answer 1:

我把您的示例中下载的所有文件和代码的自由。

我注意到，你缺少的« 地方（‘☺’）»属性，在CSS声明，看看下面的例子中的第三行：

@font-face {
    font-family: 'SofiaProBold';
    src: url('Sofia-Pro-Bold.eot');
    src: local('☺'), url('Sofia-Pro-Bold.ttf') format('truetype'), url('Sofia-Pro-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

你可以看到结果在IE8（PC） http://imageftw.com/uploads/20130116/font-fix.png

这个小动作修复了索菲亚字体的问题，但是，不幸的是，狄多字体不起作用。我可以假设的字体本来不是Web字体或拥有版权和fontsquirrel无法改变它。

以下只是我个人的看法 。

当使用字体时，尽量把所有的@字体面对面声明在CSS文件中有您的所有字体文件，然后只需链接等CSS文件到同一目录中<head>您的文档。

例：

/fonts/myfont/myfont.css « add to the document's <head>
/fonts/myfont/myfont.woff
/fonts/myfont/myfont.eot
/fonts/myfont/myfont.ttf
/fonts/myfont/myfont.svg

这将不仅使更容易地找到应用@字体面也将避免内使用相对/绝对路径的url('myfont/font.ttf')属性。