Как я могу динамически загружать шрифты typekit?

Question

Есть ли способ динамически загружать шрифты typekit, как в Google Font API?

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

Answer 1

Я нашел решение, разместив его здесь на случай, если это будет полезно для кого-то еще:

Я буду использовать API Typekit для динамического создания нового «набора» (т.е. файла javascript) для каждой различной комбинации, которая требуется моему приложению, вместо того, чтобы включать их все в один большой «набор».

См .: https://typekit.com/docs/api/kits

В любом случае, спасибо за ваши ответы!

Answer 2

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

Пока я пишу это, оно доступно только для восточноазиатских шрифтов, однако есть обходной путь для использования его с другими шрифтами TypeKit.Обходной путь происходит от этого сайта .

1. Добавьте шрифт восточноазиатского языка, такой как Source Han Sans Japanese.Это автоматически преобразует комплект в динамический комплект.

2. Выберите каждый шрифт и в параметрах Character Set выберите Dynamic Subsetting для каждого шрифта.

3. Удалите шрифт для Восточной Азии.

4. Publish Kit.

Даже если вы удалите шрифт для Восточной Азии, набор останется динамическим набором.

Answer 3

Вы можете написать сценарий на стороне сервера, который, в зависимости от страницы, будет генерировать другой файл CSS с font-family правилом, которое вы хотите.
Затем вы можете использовать @import , чтобы перенести это правило в ваш основной файл CSS.