# 014: Спеціальні шрифти з Typekit - CSS-хитрощі

Anonim

Ми створили новий комплект у Typekit для v10. Наразі для брендингу ми використовуватимемо Proxima Nova Soft та деякі інші шрифти, які максимально схожі на шрифти HF&J у нашому макеті.

Ми трохи стурбовані вагою набору (буквально розміром файлу всіх шрифтів), але думаємо, що ми можемо зробити трохи краще до виробництва.

Ми використовуємо асинхронний JavaScript, який надає Typekit, що має бути корисним для часу завантаження нашої сторінки та захищати від можливих відмов Typekit. Це означає, що ми повинні трохи уявити, як завантажуються шрифти, до яких ми дійдемо.

У нашому файлі bits.scss, де ми зберігаємо змінні зараз, ми робимо власний @mixin для наших стеків шрифтів. Це означатиме, що змінити використовувані шрифти, якщо нам коли-небудь буде (змінити лише в одному місці), буде дуже легко. Ми хочемо, щоб bits.scss не генерував абсолютно жодного CSS при компіляції, тому його можна імпортувати на будь-яку сторінку, яка потребує цього, не додаючи нічого на цю сторінку, імпортуючи його.

Ми розповідаємо Typekit про наші локальні власні домени локальної розробки, які ми встановимо далі.