@ font-face с несколькими объявлениями css размера шрифта замедляет Firefox для сканирования - PullRequest
Новая
       21

@ font-face с несколькими объявлениями css размера шрифта замедляет Firefox для сканирования

0 голосов
/ 28 июля 2011

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 секунд, прежде чем окончательно отобразить страницу. Это из-за нескольких объявлений размера шрифта. Когда я их удаляю, он рендерится быстро, независимо от того, указал ли я local () источники. У кого-нибудь еще была такая проблема?

1 Ответ

0 голосов
/ 29 июля 2011

Возможно, я нетерпелив, но в последнее время я, похоже, много отвечаю на свои вопросы: S

Оказывается, что либо A) что-то не так с самим файлом шрифта, и / или B) Firefox плохо разбирает определенные типы шрифтов ...

Я скачал другой шрифт сценария (akaDora) и проверил его ... он работает просто отлично. Никаких задержек Без задержки. Теперь, конечно, мне поручено найти файлы шрифтов для Gabriola, которые не делают Firefox бесполезным. Кто-нибудь знает о них? Я получил оба шрифта от http://www.fonts2u.com/.

...