# 014: Mukautetut fontit Typekitillä - CSS-temppuja

Anonim

Perustimme uuden sarjan Typekit-versiossa v10: lle. Brändäykseen käytämme toistaiseksi Proxima Nova Softia ja joitain muita fontteja, jotka näyttävät mahdollisimman lähellä HF & J-fontteja.

Olemme hieman huolissamme paketin painosta (kirjaimellisesti kaikkien fonttien tiedostokoko), mutta luulemme, että voimme tehdä hieman paremmin ennen tuotantoa.

Käytämme Typekitin tarjoamaa asynkronista JavaScriptiä, jonka pitäisi olla hyvä sivujemme latausaikaa varten ja suojata mahdollisia Typekit-katkoksia vastaan. Tämä tarkoittaa sitä, että meidän on saatava vähän mielikuvitus fonttien lataamisesta, mihin pääsemme.

Bits.scss-tiedostossamme, jossa pidämme muuttujia juuri nyt, teemme mukautetun @mixin fonttipinoillemme. Tämä tarkoittaa, että käytössä olevien fonttien vaihtaminen on todella helppoa, jos tarvitsemme (vaihda vain yhdessä paikassa). Haluamme, että bits.scss ei tuota lainkaan CSS: ää käännettäessä, joten se voidaan @importoida mille tahansa sitä tarvitsevalle sivulle lisäämättä mitään tuohon sivulle.

Kerromme Typekitille paikallisista mukautetuista paikallisen kehityksen verkkotunnuksistamme, jotka perustamme seuraavaksi.