# 014: Niestandardowe czcionki z oprogramowaniem Typekit - CSS-Tricks

Anonim

Skonfigurowaliśmy nowy zestaw w Typekit dla v10. Do brandingu użyjemy na razie Proxima Nova Soft i kilku innych czcionek, które wyglądają jak najbliżej czcionek HF&J w naszej makiecie.

Trochę martwimy się o wagę zestawu (dosłownie rozmiar pliku wszystkich czcionek), ale myślimy, że możemy zrobić trochę lepiej przed rozpoczęciem produkcji.

Używamy asynchronicznego kodu JavaScript dostarczanego przez Typekit, który powinien skrócić czas ładowania naszej strony i zabezpieczyć przed możliwymi awariami Typekit. Oznacza to, że musimy trochę wymyślić sposób ładowania czcionek, do czego dojdziemy.

W naszym pliku bits.scss, w którym obecnie przechowujemy zmienne, tworzymy niestandardowy @mixin dla naszych stosów czcionek. Oznacza to, że zmiana używanych czcionek będzie naprawdę łatwa, jeśli kiedykolwiek zajdzie taka potrzeba (zmiana tylko w jednym miejscu). Chcemy, aby bits.scss po kompilacji nie generował absolutnie żadnego kodu CSS, więc można go @ zaimportować na dowolnej stronie, która tego potrzebuje, bez dodawania czegokolwiek do tej strony podczas importowania.

Informujemy Typekit o naszych lokalnych niestandardowych lokalnych domenach programistycznych, które następnie skonfigurujemy.