Question

CSS：

@font-face {
    font-family: Gabriola;
    font-weight: normal;
    font-style: normal;
    src: local("Gabriola Regular"), local("Gabriola"),
        url("Gabriola.eot"),                        /* IE 5+ */
        url('Gabriola.woff') format('woff'),        /* FF 3.6, Chrome 5, IE9 */
        url('Gabriola.ttf') format('truetype'),     /* Opera, Safari */
        url('Gabriola.svg#Gabriola') format('svg'); /* iOS */
}
body {
    font-family: Gabriola, sans-serif;
    font-size: 1.3em;
}
.wine_name { font-size:2em; }
.price { font-size:2.6em; color:#CCC; }
.sugar { font-size:2em; color:#980000; }
br { page-break-after: always; }

页面显示很快，因为我已经安装了Gabriola。当我删除local（）引用时，文件会下载...但Firefox会在最终呈现页面之前冻结大约20秒。这是因为多个font-size声明。当我删除它们时，无论我是否指定local（）源，它都会呈现快速。还有其他人有这个问题吗？

Answer 1

也许我很不耐烦，但我最近似乎在回答自己的问题：S

原来是A）字体文件本身有问题和/或B）Firefox不擅长解析某些类型的字体......

我下载了一个不同的脚本字体（akaDora）并对其进行了测试......它工作正常。没有滞后。没有延迟。当然，我的任务是为Gabriola找不到Firefox barf的字体文件。谁知道他们？我从http://www.fonts2u.com/测试了两种字体。

带有多个font-size css声明的@ font-face使Firefox慢慢爬行

1 个答案: