@ font-face在某些计算机上无效

我在我的项目中使用了@ font-face来加载特定的webfont（“Amsi Pro”）。主要的问题是它可以在我测试过的大多数计算机上运行，但并不是所有的计算机都可以运行（在那些无法使用@ font-face的其他网站上运行的程序）。@ font-face在某些计算机上无效

有什么我错过了，或任何服务器设置设置，这将给我全力支持？

电脑的一些信息，其中@字体面不工作： whatsmybrowser.org/b/Q2TJ80F

实时预览： christlicher-gesundheitskongress.de

CSS：

@font-face { 
    font-family: 'AmsiPro'; 
    font-weight: 400; 
    src: url('../webfonts/2E508B_0_0.eot'); 
    src: url('../webfonts/2E508B_0_0.eot?#iefix') format('embedded-opentype'), 
     url('../webfonts/2E508B_0_0.woff2') format('woff2'), 
     url('../webfonts/2E508B_0_0.woff') format('woff'), 
     url('../webfonts/2E508B_0_0.ttf') format('truetype'); 
} 

@font-face { 
    font-family: 'AmsiPro'; 
    font-weight: 600; 
    src: url('../webfonts/2E508B_1_0.eot'); 
    src: url('../webfonts/2E508B_1_0.eot?#iefix') format('embedded-opentype'), 
     url('../webfonts/2E508B_1_0.woff2') format('woff2'), 
     url('../webfonts/2E508B_1_0.woff') format('woff'), 
     url('../webfonts/2E508B_1_0.ttf') format('truetype'); 
} 

html,body { 
    font-family: 'AmsiPro', Helvetica, sans-serif; 
}

来源

2015-08-21 vision

实际问题：您可以直接在帖子中提及您正在使用的操作系统/浏览器组合，以及该浏览器的开发者控制台在加载该页面时发生了什么？（例如，如果它有错误，是否与字体相关？是否有404s，CSS上的警告等？） –

另外，请注意，FF38不再是当前版本（FF和Chrome每6周有一个新版本的原因是正是为了修复这样的错误）。在评论的时候我们使用了FF 40：这是FF 40还在为你发生吗？ –

我使用的是Windows 10 64bit和FF 38.0.5，它似乎是这个版本是德国的最新版本。我刚刚检查了更新，但FF说38.0.5是当前的 – vision

即使它似乎火狐38 should support @font-face，可能有部分使用问题。尝试使用一个应用程序像Font-Squirrel发展你的字体的SVG，然后重新排列@字体面像这样：

@font-face { 
    font-family: 'MyWebFont'; 
    src: url('webfont.eot'); /* IE9 Compat Modes */ 
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
    url('webfont.woff2') format('woff2'), /* Super Modern Browsers */ 
    url('webfont.woff') format('woff'), /* Pretty Modern Browsers */ 
    url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
    url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
}

每this source，应该最大限度地提高您的字体有负载量。

希望这有助于！

来源

2015-08-21 14:16:47

中没有改变任何东西，现在复合规则对于很多浏览器版本都没有意义。 font-face具有[广泛支持]（http://caniuse.com/#search=font-face），[包括IE在内的所有内容]（http://caniuse.com/#search=WOFF）支持'WOFF'，所以你真的不需要超过一个来源。 –

正确的迈克，我提供了兼容性，虽然我不知道关于woff，所以感谢您的分享。正如我所说的，我不明白为什么@ font-face在Firefox 38中不起作用，正如我们通过浏览器兼容性检查所看到的。所以我能想到的最好的方法是尝试使用@ font-face来渲染它的另一种方法。对您的问题评论+1以索取更多信息 –

@ font-face在某些计算机上无效

回答

相关问题