Cara Mencari Nama Keluarga Font untuk CSS

Nama keluarga fon mengenal pasti fon dalam helaian gaya lata, atau CSS. Oleh kerana banyak fon mempunyai variasi, pereka menggunakan nama keluarga, seperti Arial, Helvetica atau Verdana, daripada nama fon tertentu, seperti Arial Black atau Verdana Bold. Mencari nama keluarga untuk fon adalah mudah kerana nama keluarga adalah nama fon dan semua variasinya mempunyai persamaan. Keluarga fon generik, seperti sans serif dan monospace, adakah itu, apabila dinamakan dalam CSS, benarkan penyemak imbas memilih fon lalai dengan gaya yang dinyatakan.

Langkah 1

Klik butang "Mula" pada bar tugas anda, ketik "fon" ke dalam bar Cari dan tekan "Enter" untuk membuka folder Font anda. Cari fon yang ingin anda gunakan dan perhatikan namanya. Sebagai contoh, Arial --- fon Windows biasa --- mempunyai banyak variasi fon, bersama dengan nama generik "Arial." Gunakan nama keluarga fon Arial untuk menggunakan fon Arial generik, atau tentukan Arial Narrow untuk menggunakan fon tertentu itu. Dalam latihan, anda harus menggunakan nama keluarga fon umum untuk sebahagian besar teks badan laman web dan kemudian menggunakan fon yang lebih khusus untuk tajuk.

Langkah 2

Tambahkan nama keluarga fon generik ke timbunan fon anda. Tumpukan fon adalah senarai keluarga fon di CSS, dan pereka web menggunakannya sebagai fon sandaran apabila pelawat tidak mempunyai fon yang paling disukai dipasang di komputer mereka. Gunakan nama generik "serif" untuk mengakhiri tumpukan fon yang bermula dengan fon serif seperti Georgia atau Times New Roman, dan gunakan "sans-serif" untuk mengakhiri tumpukan fon yang bermula dengan fon seperti Helvetica atau Verdana. Nama generik lain termasuk "monospace, "" kursif "dan" fantasi. "Perhatikan bahawa nama keluarga fon generik tidak relevan ketika anda menanamkan fon menggunakan @ font-face.

Tambahkan tanda petikan di sekitar nama keluarga fon yang panjangnya lebih dari satu perkataan. Nama fon satu perkataan seperti Arial atau Georgia tidak memerlukan tanda petik. Anda boleh menggunakan tanda petik tunggal atau berganda, tetapi berhati-hati ketika mencampurkan jenis petikan kerana ini boleh menyebabkan kesilapan. Berikut adalah contoh bagaimana fon dinamakan dalam CSS:body {font-family:"Helvetica Neue", Arial, sans-serif; } Tumpukan fon di atas menetapkan bahawa penyemak imbas harus mencari Helvetica Neue terlebih dahulu. Pereka memilih fon ini kerana tidak ada pada komputer Windows yang memaparkan Helvetica biasa dengan cara yang jelek. Pengguna Windows akan melihat Arial. Pengguna lain akan melihat fon sans-serif lalai berdasarkan tetapan penyemak imbas mereka.

Petua

• Beberapa pereka terkenal, seperti Paul Irish dan Chris Coyier, sekarang cadangkan untuk menghapuskan tumpukan fon dan menamakan keluarga fon generik sahaja, terutamanya dalam kes Helvetica biasa, Tumpukan Arial dan sans-serif. Ini untuk menghormati tetapan pengguna dan, dalam contoh tumpukan sans-serif, untuk menjimatkan masa pereka kerana kebanyakan penyemak imbas memilih fon tersebut.