Klasifikasi font generik yang boleh digunakan di laman web anda
Apabila mereka bentuk laman web, salah satu unsur utama halaman yang akan anda gunakan ialah kandungan teks. Oleh itu, apabila anda membina laman web dan menstabilkannya dengan CSS, sebahagian besar usaha itu akan berpusat di sekitar tipografi tapak.
Reka bentuk tipografi memainkan peranan penting dalam reka bentuk laman web. Kandungan teks yang dibina dan diformat dengan baik membantu laman web menjadi lebih berjaya dengan mencipta pengalaman membaca yang menyeronokkan dan mudah dikonsumsi. Sebahagian daripada usaha anda dalam bekerja dengan jenis akan memilih fon yang sesuai untuk reka bentuk anda dan kemudian menggunakan CSS untuk menambah font dan gaya fon ke paparan halaman. Ini dilakukan dengan menggunakan apa yang disebut " font-stack "
Font-Stacks
Apabila anda menentukan font untuk digunakan pada halaman web, amalan terbaik untuk turut termasuk pilihan sandaran jika pilihan font anda tidak dapat dijumpai. Pilihan sandaran ini dibentangkan dalam "stack font". Jika penyemak imbas tidak dapat mencari fon pertama yang disenaraikan dalam timbunan, ia akan bergerak ke arah yang seterusnya. Ia meneruskan proses ini sehingga ia menemukan font yang boleh digunakan, atau ia kehabisan pilihan (dalam hal ini ia hanya memilih font sistem yang diinginkannya). Berikut adalah contoh bagaimana font-stack akan kelihatan dalam CSS apabila digunakan pada elemen "badan":
badan {font-family: Georgia, "Times New Roman", serif; }Perhatikan bahawa kami menentukan fon Georgia terlebih dahulu. Secara lalai, inilah halaman yang akan digunakan, tetapi jika font itu tidak tersedia untuk sebab tertentu, halaman akan jatuh ke Times New Roman. Kami melampirkan nama fon dalam petikan berganda kerana ia adalah nama berbilang perkataan. Nama fon tunggal perkataan, seperti Georgia atau Arial, tidak memerlukan sebut harga, tetapi nama font pelbagai perkataan memerlukannya supaya penyemak imbas mengetahui bahawa semua kata-kata itu membentuk nama font.
Jika anda melihat akhir stack font, anda harus perhatikan bahawa kami tamat dengan perkataan "serif". Itulah nama keluarga font generik. Sekiranya tidak ada orang yang tidak mempunyai Georgia atau Times New Roman di komputer mereka, laman web ini akan menggunakan sebarang font serif yang boleh ditemui. Ini adalah lebih baik untuk membolehkan laman web itu mundur kepada fon apa yang ia mahu, kerana anda sekurang-kurangnya boleh memberitahu jenis fon apa yang hendak digunakan supaya tampilan dan nada keseluruhan reka bentuk laman web akan menjadi seperti yang mungkin. Ya, penyemak imbas akan memilih fon untuk anda, tetapi sekurang-kurangnya anda menyediakan bimbingan supaya ia tahu jenis fon yang akan berfungsi dengan baik dalam reka bentuk.
Keluarga Fon Generik
Nama fon generik yang terdapat dalam CSS adalah:
- kursif
- fantasi
- monospace
- serif
- sans-serif
Walaupun terdapat banyak klasifikasi font lain yang terdapat dalam reka bentuk dan tipografi web, termasuk slab-serif, blackletter, paparan, grunge, dan banyak lagi, 5 nama font generik yang disenaraikan di atas adalah yang anda gunakan dalam font-stack dalam CSS. Apakah perbezaan dalam pengkelasan font ini? Mari kita lihat!
Fon kursif sering menampilkan bentuk surat yang nipis dan bergaya yang bertujuan untuk meniru teks tulisan tangan yang mewah. Fon ini, kerana huruf nipis, berbunga, tidak sesuai untuk blok besar kandungan seperti salinan badan. Fon kursif biasanya digunakan untuk tajuk dan keperluan teks yang lebih pendek yang boleh dipaparkan dalam saiz fon yang lebih besar.
Fon fantasi adalah fon agak gila yang tidak benar-benar jatuh ke dalam kategori lain. Font yang meniru logo terkenal, seperti bentuk surat daripada filem Harry Potter atau Kembali ke Masa Depan, akan jatuh ke dalam kategori ini. Sekali lagi, fon ini tidak sesuai untuk kandungan badan kerana mereka sering begitu bergaya yang membaca teks yang lebih panjang teks yang ditulis dalam fon ini adalah terlalu sukar untuk dilakukan.
Fon monospace adalah di mana semua bentuk huruf sama bersaiz dan jarak, seperti yang anda dapati pada mesin taip lama. Tidak seperti fon lain yang mempunyai lebar ubah untuk huruf bergantung kepada saiznya (contohnya, modal "W" akan mengambil lebih banyak ruang dari huruf kecil "i"), fon monospace adalah lebar tetap untuk semua aksara. Fon ini sering digunakan apabila kod dipaparkan di halaman kerana ia kelihatan berbeza daripada teks lain pada halaman tersebut.
Fon serif adalah salah satu klasifikasi yang lebih popular. Ini adalah fon yang mempunyai sedikit ligatures tambahan pada bentuk surat. Orang-orang tambahan itu dipanggil "serif". Fon serif biasa adalah Georgia dan Times New Roman. Font serif boleh digunakan untuk teks besar seperti tajuk dan juga teks panjang dan salinan badan.
Sans-serif adalah klasifikasi terakhir yang akan kita lihat. Ini adalah fon yang tidak mempunyai ligatures yang disebutkan di atas. Nama itu bermaksud "tanpa serif". Fon popular dalam kategori ini adalah Arial atau Helvetica. Serupa dengan serif, fon sans-serif boleh digunakan sama rata dalam tajuk serta kandungan badan.
Artikel asal oleh Jennifer Krynin. Disunting oleh Jeremy Girard pada 10/16/17