Question

我在CSS下面添加了字体。

@font-face {
font-family: 'sfnt';
src: url('../sfnt.eot'); /* IE9 Compat Modes */
src: url('../sfnt.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../sfnt.woff') format('woff'), /* Modern Browsers */
url('../sfnt.ttf') format('truetype'); /* Safari, Android, iOS */
font-weight: normal;
font-style: normal;
}

如果我尝试在任何版本的IE中打开我的网页，它就不会加载我的字体文件。它适用于Chrome，Safari，Firefox。

我搜索了Stack Overflow中记录的类似问题并尝试了所有可能的解决方案。似乎没什么用。

请让我知道出了什么问题。

由于

Answer 1

如果您尝试直接访问.eot字体的网址，即http：///sfnt.eot会发生什么？

Answer 2

您可以尝试使用Google字体，这样可以更好地兼容，您可以使用google cdn。如果找不到自己的字体，可以尝试使用当时的语法。

@font-face {
  font-family: 'Wellfleet';
  font-style: normal;
  font-weight: 400;
  src: local('Wellfleet'), local('Wellfleet-Regular'), url(http://themes.googleusercontent.com/static/fonts/wellfleet/v1/qu15OBOh_Q0T8ooRUaKSDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

Google字体API与以下浏览器兼容：

    Google Chrome: version 4.249.4+
    Mozilla Firefox: version: 3.5+
    Apple Safari: version 3.1+
    Opera: version 10.5+
    Microsoft Internet Explorer: version 6+

通过https://developers.google.com/fonts/faq

IE版本都没有加载我的字体文件

2 个答案: