Cara Menemukan Nama Keluarga Font untuk CSS

Nama keluarga font mengidentifikasi font dalam lembar gaya berjenjang, atau CSS. Karena banyak font memiliki variasi, desainer menggunakan nama keluarga, seperti Arial, Helvetica atau Verdana, daripada nama spesifik font, seperti Arial Black atau Verdana Bold. Menemukan nama keluarga untuk font itu sederhana karena nama keluarga adalah nama yang dimiliki font dan semua variasinya. Keluarga font generik, seperti sans serif dan monospace, ada yang, ketika diberi nama dalam CSS, memungkinkan browser untuk memilih font default dalam gaya yang dinyatakan.

Langkah 1

Klik tombol "Mulai" di bilah tugas Anda, ketik "font" ke dalam bilah Pencarian dan tekan "Enter" untuk membuka folder Font Anda. Cari font yang ingin Anda gunakan dan perhatikan namanya. Misalnya, Arial --- font Windows yang umum --- memiliki banyak variasi font, bersama dengan nama generik "Arial." Gunakan nama keluarga font Arial untuk menggunakan font Arial generik, atau tentukan Arial Narrow untuk menggunakan font spesifik tersebut. Dalam praktiknya, Anda harus menggunakan nama keluarga font generik untuk sebagian besar teks isi situs dan kemudian menggunakan font yang lebih spesifik untuk header.

Langkah 2

Tambahkan nama keluarga font generik ke tumpukan font Anda. Tumpukan font adalah daftar keluarga font di CSS, dan desainer web menggunakannya sebagai font cadangan ketika pengunjung tidak menginstal font yang paling disukai di komputer mereka. Gunakan nama generik "serif" untuk mengakhiri tumpukan font yang dimulai dengan font serif seperti Georgia atau Times New Roman, dan gunakan "sans-serif" untuk mengakhiri tumpukan font yang dimulai dengan font seperti Helvetica atau Verdana. Nama generik lainnya termasuk "monospace," "kursif" dan "fantasi." Perhatikan bahwa nama keluarga font generik tidak relevan saat Anda menyematkan font menggunakan @font-face.

Tambahkan tanda kutip di sekitar nama keluarga font yang panjangnya lebih dari satu kata. Nama font satu kata seperti Arial atau Georgia tidak memerlukan tanda kutip. Anda dapat menggunakan tanda kutip tunggal atau ganda, tetapi berhati-hatilah saat mencampur jenis kutipan karena ini dapat menyebabkan kesalahan. Berikut adalah contoh bagaimana font diberi nama dalam CSS:

body { font-family: "Helvetica Neue", Arial, sans-serif; }

Tumpukan font di atas menentukan bahwa browser harus mencari Helvetica Neue terlebih dahulu. Desainer memilih font ini karena tidak ada di komputer Windows yang menampilkan Helvetica biasa dengan cara yang jelek. Pengguna Windows akan melihat Arial. Pengguna lain akan melihat font sans-serif default berdasarkan pengaturan browser mereka.