防弹的@font-face 语法(font-spring 和 Paul Irish 风格∞)在 Chrome 和 Firefox 中加载字体格式的重复文件。我同时使用 .woff 和 .ttf 格式,我看到对 TTF 和 WOFF 文件都发出了 HTTP 请求¶
我对级联进行了修补,并想出了一个似乎可行的技巧。在 TTF 之后关闭 src: 属性允许浏览器中断循环。
有人可以帮助“检查我的数学”并让我知道这个可怕的黑客是否是一个合理的解决方案?或者让我知道是否有其他解决方案可以防止重复的 HTTP 请求。
@font-face {
font-family:"My Font";
font-weight:normal;
src:url('myfont.eot');
src:url('myfont.eot?#iefix') format('embedded-opentype'),
local('My Font'),
url('myfont.ttf') format('truetype');
src:url('myfont.woff') format('woff');
}
浏览器将在向后级联之前简单地应用最后一个相关规则。我最后指定了我的首选字体,并在此之前向后添加了后备格式。WOFF 被加载到支持的浏览器中,而 TTF 被用作后备。
财政年度:
∞ 防弹语法。 http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/ http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax
¶浏览器测试:OS X 上的 Chrome 17 和 FF 13,iOS 5.1.1 上的移动 Safari