Answers:
这是使用@ font-face,hacky修复程序和所有工具加载的标准方式!
@font-face {
font-family: 'BebasNeueRegular';
src: url('BebasNeue-webfont.eot');
src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('BebasNeue-webfont.woff') format('woff'),
url('BebasNeue-webfont.ttf') format('truetype'),
url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;
}
但是删除SVG,您将几乎完全失去对iOS <5.0的支持
我是否可以使用一个出色的表来支持浏览器,通常另一个表用于EOT,另一个用于WOFF,另一个用于SVG,最后还有一个用于TTF。为了清楚起见,我在下面插入了它们,这将指导您进行什么测试,但是请记住,这将很快发生变化。
@ font-face浏览器支持一般
EOT浏览器支持
WOFF浏览器支持
SVG浏览器支持
TTF浏览器支持
woff
将下降到全球用户的2%以下,Chrome将会取代通用的Android浏览器,支持Android(16%)和UC(8%)woff
。Android的Firefox也是如此;但是,其使用量永远不会超过1%。您现在可以返回听Meghan Trainor的“所有关于低音的
SVG不会通过@ font-face带您到任何地方;但是,EOT受IE支持;其他所有主要浏览器均支持TTF和OTF。至于WOFF,从某种程度上看,它与TTF和OTF相似,很可能在与TTF或OTF相同的浏览器中受支持。我的建议是,如果您真的有兴趣,请在浏览器中尝试每个@ font-face扩展,看看会得到什么,然后将获得的内容提交给W3C,让他们为@ font-face描述符更新其标准页面。(当前它甚至不包括“安全”字体扩展名)。
如果所有其他方法都失败了,我可以肯定W3Schools是最新的:http : //www.w3schools.com/cssref/css3_pr_font-face_rule.asp
Webfont供应商确实需要为他们的字体提供即时支持-特别是因为这个!您可能会认为这是第二天性,即使对于基于云的环境(具有包含或排除选项)-如果人们被迫追捕列入黑名单的字体,难道这不只会在发现字体后鼓励盗版吗?@ eb_p1