Всегда ли последние загружаемые шрифты @ font-face всегда загружаются? - PullRequest
8 голосов
/ 02 августа 2011

Я впервые использую @ font-face, и кажется, что файл шрифта всегда является последним ресурсом для загрузки на странице, несмотря ни на что. Я использую набор Font Squirrel с синтаксисом смайликов. Я пробовал некоторые из методов, предложенных здесь , среди других мест, чтобы получить шрифт для загрузки ранее, включая помещение шрифта непосредственно в виде данных в CSS и размещение элемента стиля в разделе заголовка документ. Ни один из этих методов не работает; в Chrome, FF и IE файл шрифта всегда загружается самым последним.

Можно ли повлиять на порядок загрузки шрифта?

Здесь есть связанный вопрос здесь , но он просто ссылается на тот же пост Пола Ирландского, о котором я упоминал.

Ответы [ 2 ]

3 голосов
/ 04 августа 2011

Загрузка шрифтов отличается от браузера к браузеру (я полагаю, вы ссылаетесь на FOUC).

Я думаю, что единственный браузер, который загружает его так же быстро, как читает правило @ font-face, - это IE и Opera.

РЕДАКТИРОВАТЬ с образцами:

Вот несколько списков загрузки сети для простого сайта:

  • font-family вызывается последним в файле .css - после всего фона изображения
  • загружаемый шрифт scriptbl-webfont
  • @font-face определяется в верхней части CSS после стилей сброса.

FF5 - шрифт загружается последним: enter image description here

IE9 - шрифт загружается на @ font-face - и перед фоновыми изображениями: enter image description here

Opera 11 - шрифт загружает @ font-face - и перед фоновыми изображениями: enter image description here

Safari 5 - шрифт загружается последним (в моей папке нет значка favicon - Safari добавляет это самостоятельно): enter image description here

0 голосов
/ 02 августа 2011

Я не уверен, что у вас проблемы.Для меня использование другого шрифта, который должен быть загружен, должно быть одной из последних вещей, которые должны произойти.Другой шрифт - это презентационный материал, он мне больше не нужен, пусть все необходимые материалы загружаются, а затем и дополнительные.

...