我正在寻找处理字体系列可用性的策略。
我有使用OTF EOT的网站但由于某种原因,不会为各种设备/平台加载字体,字体会回退到第二或第三选择。不幸的是,后备很少有相同的行高或边距。我已经使用jQuery来相应地调整CSS,但除了非常小的样式表之外,这需要付出很多努力。我想知道是否没有更好的策略。
或者......如果有办法排除故障 - 为什么谷歌字体或EOT或OTF不会加载并可能减少这些情况?
我意识到人们可以使用谷歌等字体,但那些是恕我直言......请原谅我......大部分都是看起来很糟糕。
答案 0 :(得分:3)
不同的浏览器使用不同的字体格式。例如,IE使用.eot文件,而其他浏览器使用.otf,.ttf甚至svg。最好的办法是存储多种类型的字体,然后在@ font-face块中声明它们。
可以找到一篇关于此的好文章:http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/