# 014: Brugerdefinerede skrifttyper med Typekit - CSS-tricks

Anonim

Vi oprettede et nyt sæt i Typekit til v10. Til branding bruger vi Proxima Nova Soft indtil videre og nogle andre skrifttyper, der ser så tæt på HF & J-skrifttyperne i vores mockup som muligt.

Vi er lidt bekymrede over vægten af ​​sættet (bogstaveligt talt filstørrelsen på alle skrifttyper), men tror, ​​at vi kan gøre det lidt bedre inden produktionen.

Vi bruger det asynkrone JavaScript, som Typekit leverer, hvilket skal være godt for vores sideindlæsningstid og beskytter mod mulige Typekit-afbrydelser. Dette betyder, at vi er nødt til at få lidt lyst til, hvordan skrifttyperne indlæses, hvilket vi kommer til.

I vores bits.scss-fil, hvor vi opbevarer variabler lige nu, laver vi en brugerdefineret @mixin til vores fontstakke. Dette vil betyde, at det vil være virkelig let at ændre skrifttyperne, der er i brug, hvis vi nogensinde har brug for det (ændring på et sted). Vi vil beholde bits.scss, der genererer absolut ingen CSS, når de kompileres, så det kan @importeres på enhver side, der har brug for det, uden at det tilføjer noget til den side, der importerer det.

Vi fortæller Typekit om vores lokale brugerdefinerede lokale udviklingsdomæner, som vi opretter derefter.