Question

是的，我知道有一个相同的问题，许多类似的问题在这里提出并回答，许多资源在线讨论这个问题。没有人帮助我，所以我采取了绝望的措施。

我正在尝试使用@ font-face语法加载Web字体。这是代码（我加载了多个但语法相同）：

@font-face {
    font-family: 'MyFont';
    src: url('../typography/MyFont-Book.eot');
    src: local('?'), 
            url('../typography/MyFont-Book.eot?#iefix') format('embedded-opentype'),
            url('../typography/MyFont-Book.woff') format('woff'), 
            url('../typography/MyFont-Book.ttf') format('truetype'), 
            url('../typography/MyFont-Book.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

如标题所述，它在ie8中不起作用（在ie9和10以及显然所有其他浏览器中都能正常工作）。我尝试过几件事。

一开始，我收到错误“CSS3111：@ font-face遇到未知错误”，我找到了this site。我按照步骤，更改了字体的名称并重新生成它们。显然，这必须修复某些东西因为我不再得到那个错误了。我还看到在网络嗅探器中正确加载的字体，所有字体都返回干净的200.

我已经清除了我的缓存（好几次），但仍然没有骰子。字体仍未显示在页面上。相反，显示后备“Arial”字体，弄乱了布局，因为它比网络字体大。

任何人都知道可能会发生什么样的事情？

Answer 1

我有几个项目将字体加载到IE8。它们与你所拥有的几乎完全相同，但没有src：local（？）。

@font-face {
    font-family: 'MyFont';
    src: url('../typography/MyFont-Book.eot');
    src: url('../typography/MyFont-Book.eot?#iefix') format('embedded-opentype'),
         url('../typography/MyFont-Book.woff') format('woff'), 
         url('../typography/MyFont-Book.ttf') format('truetype'), 
         url('../typography/MyFont-Book.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@ font-face无法在ie8中工作 - 复仇

1 个答案: