Предварительная загрузка правильного шрифта @ font-face с помощью JS

Возможно ли предварительно загрузить файлы шрифтов шрифтов для последующего использования?Предварительная загрузка правильного шрифта @ font-face с помощью JS

В идеале я хотел бы:

Обнаружить правильный файл шрифта для браузера (Woff, СРВ, TTF и т.д.) и поджать его
Detect когда шрифт был загружен, чтобы триггер дальнейшие события

Это будет частью инструмента preloader, который будет вычислять прогресс и блокировать взаимодействие страниц. Обычно это исключает такие решения на основе браузера, как prefetch.

источник

2012-10-10 Matt Stone

Этот вопрос может помочь: [http://stackoverflow.com/questions/2756575/drawing-text-to-canvas-with-font-face-does-not-work-at-the-first-time] (http://stackoverflow.com/questions/2756575/drawing-text-to-canvas-with-font-face-does-not-work-at-the-first-time) – jiguang

Проверка загрузки «@ font-face»: http://stackoverflow.com/questions/12312323/how-to-know-if-a-font-font-face-has-already-been-loaded/12316349#12316349 – Patrick

-1

Вы можете динамически добавлять элемент стиля в голову и иметь в нем свою подпись шрифта.

Затем вы можете динамически добавлять класс к любому элементу, к которому вы можете применить значение font-family для вашего шрифта.

Не нужно играть с предварительной нагрузкой.

источник

2012-10-10 16:29:56 daveyfaherty

I _want_ играть с предварительной загрузкой. файлы шрифта могут быть довольно большими, и я хотел бы знать, когда файл завершил загрузку. –

Предварительная загрузка правильного шрифта @ font-face с помощью JS

ответ

Смежные вопросы