# 014: Персонализирани шрифтове с Typekit - CSS-трикове

Anonim

Създадохме нов комплект в Typekit за v10. За брандиране ще използваме Proxima Nova Soft засега и някои други шрифтове, които изглеждат възможно най-близо до HF&J шрифтовете в нашия макет.

Малко се притесняваме от теглото на Kit (буквално размерът на файла на всички шрифтове), но смятаме, че можем да направим малко по-добре преди производството.

Използваме асинхронния JavaScript, който Typekit предоставя, което би трябвало да е подходящо за времето за зареждане на нашата страница и предпазва от възможни прекъсвания на Typekit. Това означава, че трябва да си представим малко как се зареждат шрифтовете, до които ще стигнем.

В нашия файл bits.scss, където в момента съхраняваме променливи, правим потребителски @mixin за нашите стекове шрифтове. Това ще означава, че ще бъде наистина лесно да сменим използваните шрифтове, ако някога ни се наложи (промяна само на едно място). Искаме да запазим bits.scss да не генерира абсолютно никакъв CSS, когато е компилиран, така че може да бъде импортиран на всяка страница, която се нуждае, без да добавя нищо към тази страница, която го импортира.

Разказваме на Typekit за нашите местни персонализирани домейни за местно развитие, които ще настроим следващо.