# 014: Kohandatud fondid Typekitiga - CSS-trikid

Anonim

Seadistasime Typekitis v10 jaoks uue komplekti. Brändimiseks kasutame praegu Proxima Nova Softit ja mõningaid muid fonte, mis näevad meie maketis HF & J-fontidele võimalikult lähedased.

Oleme natuke mures komplekti kaalu (sõna otseses mõttes kõigi fontide failisuurus) pärast, kuid arvame, et saame enne tootmist natuke paremini hakkama.

Kasutame Typekiti pakutavat asünkroonset JavaScripti, mis peaks olema hea meie lehe laadimisaja jaoks ja kaitseks Typekiti võimalike katkestuste eest. See tähendab, et peame natuke välja mõtlema, kuidas fondid laaditakse, milleni me jõuame.

Meie failis bits.scss, kus praegu muutujaid hoiame, teeme oma fondivirnade jaoks kohandatud @mixin. See tähendab, et kasutatavaid fonte on väga lihtne vahetada, kui seda kunagi vaja peaksime (muutma ainult ühes kohas). Soovime, et bits.scss ei loo kompileerimisel absoluutselt ühtegi CSS-i, nii et seda saab @importida igale seda vajavale lehele ilma, et see sellele lehele impordiks midagi lisaks.

Me räägime Typekitile oma kohalikest kohandatud kohaliku arengu domeenidest, mille me järgmisena seadistame.