# 014: Vlastné písma s programom Typekit - Triky CSS

Anonim

V serveri Typekit pre verziu 10 sme vytvorili novú súpravu. Na účely budovania značky zatiaľ budeme používať Proxima Nova Soft a niektoré ďalšie písma, ktoré sa v našej makete podobajú čo najbližšie k fontom HF&J.

Trochu nás znepokojuje váha súpravy (doslova veľkosť súboru všetkých typov písma), ale myslíme si, že pred výrobou to môžeme urobiť o niečo lepšie.

Používame asynchrónny JavaScript, ktorý poskytuje Typekit, čo by malo byť dobré pre čas načítania našej stránky a ochranu pred možnými výpadkami Typekitu. To znamená, že si musíme trochu predstaviť, ako sa načítajú písma, ku ktorým sa dostaneme.

V našom súbore bits.scss, kde práve uchovávame premenné, vytvoríme pre svoje súbory fontov vlastný @mixin. To bude znamenať, že bude skutočne ľahké zmeniť používané písma, ak to budeme niekedy potrebovať (zmena iba na jednom mieste). Chceme, aby bits.scss pri kompilácii generoval absolútne žiadny CSS, aby ho bolo možné @importovať na ľubovoľnú stránku, ktorá to potrebuje, bez toho, aby na túto stránku niečo importovala.

Hovoríme spoločnosti Typekit o našich miestnych prispôsobených miestnych vývojových doménach, ktoré nastavíme ďalej.