2

防弹的@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

4

0 回答 0