# 014: Anpassade teckensnitt med Typekit - CSS-tricks

Anonim

Vi satte upp ett nytt kit i Typekit för v10. För branding använder vi Proxima Nova Soft för tillfället och några andra teckensnitt som ser så nära HF&J-teckensnitten i vår mockup som möjligt.

Vi är lite oroliga över kitets vikt (bokstavligen filstorleken på alla teckensnitt) men tror att vi kan göra lite bättre före produktion.

Vi använder det asynkrona JavaScript som Typekit tillhandahåller, vilket borde vara bra för vår sidladdningstid och skydd mot möjliga typekit-avbrott. Det betyder att vi måste bli lite snygga med hur teckensnitten laddas, vilket vi kommer till.

I vår bits.scss-fil, där vi håller variabler just nu, gör vi en anpassad @mixin för våra typsnitt. Detta kommer att innebära att det blir väldigt enkelt att byta teckensnitt som används om vi någonsin behöver (byta på bara en plats). Vi vill behålla bits.scss som genererar absolut ingen CSS när de kompileras, så det kan @importeras på alla sidor som behöver det utan att det läggs till något på den sidan som importerar det.

Vi berättar för Typekit om våra lokala anpassade lokala utvecklingsdomäner, som vi kommer att ställa in nästa.