# 014: Font Kustom dengan Typekit - Trik CSS

Anonim

Kami menyiapkan Kit baru di Typekit untuk v10. Untuk branding, kami akan menggunakan Proxima Nova Soft untuk saat ini dan beberapa font lain yang terlihat sedekat mungkin dengan font HF&J di mockup kami.

Kami sedikit khawatir tentang bobot Kit (secara harfiah ukuran file dari semua font) tetapi berpikir kami dapat melakukan sedikit lebih baik sebelum produksi.

Kami menggunakan JavaScript asinkron yang disediakan Typekit, yang seharusnya bagus untuk waktu pemuatan halaman dan perlindungan terhadap kemungkinan pemadaman Typekit. Ini berarti kita harus sedikit memahami bagaimana font dimuat, yang akan kita bahas.

Di file bits.scss kami, tempat kami menyimpan variabel sekarang, kami membuat @mixin kustom untuk tumpukan font kami. Ini berarti akan sangat mudah untuk mengubah font yang digunakan jika kita perlu (ubah hanya di satu tempat). Kami ingin menjaga bits.scss sama sekali tidak menghasilkan CSS saat dikompilasi, sehingga dapat @import pada halaman manapun yang membutuhkannya tanpa menambahkan apapun ke halaman itu untuk mengimpornya.

Kami memberi tahu Typekit tentang domain pengembangan lokal ubahsuaian kami, yang akan kami siapkan selanjutnya.