Font.js: мощный инструментарий для управления шрифтами на JavaScript

Главной фишкой замечательного инструмента Font.js является то, что вы сможете на JavaScript создавать различные объекты шрифтов, как будто вы работаете с графикой. Похожей идеальной техникой загрузки обладает проект pdf.js.

Пример Скачать

Далее идет пример кода запуска такого объекта шрифта.

Пример кода

Ощущения такие, как у себя дома. Такой простой API получился.

Работает он следующим образом. Сначала подгружается шрифт с помощью Ajax запроса, далее идет разбор некоторых метаданных, чтобы определить валидность шрифта и вытащить из него определенные метрики. Затем на страницу вставляется свойство @font-face и тестовый DIV. Идет опрос ширины этого элемента, как только ширина перестает быть нулем, это означает загрузку шрифта браузером и его готовность использования. В конце вызывается обработчик OnLoad.

Видите, как много работы вы избежали? :)


Оставить комментарий