Video: Trik Memilih & Menggabungkan Font dalam Desain 2025
Ah, fon. Mereka secara terang-terangan, skrip, tulisan, dan keperibadian penuh. Fon yang anda gunakan pada perbincangan tapak blog anda untuk anda, menjadi lanjutan jenama anda dan menetapkan nada untuk kata-kata anda.
Apabila anda melihat reka bentuk blog keseluruhan anda, anda bekerja dengan dua jenis teks:
-
Teks kandungan: Anda boleh mengenal pasti teks ini di blog kerana ia boleh diserlahkan dengan kursor anda. Pikirkan tajuk, tajuk, dan kandungan pos blog serta teks dalam menu navigasi anda dan unsur-unsur seperti garis besar dan ulasan pos blog. Anda mengawal fon untuk teks ini dalam lembaran gaya cascading anda (CSS).
-
Teks grafis: Teks jenis ini adalah sebahagian daripada imej, seperti imej logo blog, header, atau elemen grafik lain yang dibuat dalam program penyuntingan foto atau grafik (seperti Adobe Photoshop atau Illustrator).
Saya perlu memahami empat jenis fon biasa:
Jenis Fon | Takrif | Penggunaan Biasa |
---|---|---|
Serif | Mempunyai garis atau cangkuk (serif) surat
. |
Biasa digunakan dalam penerbitan cetak. Sesetengah fon serif boleh
lebih sukar untuk dibaca pada skrin tetapi masih boleh digunakan dengan berkesan. |
Sans serif | Tiada garis atau cangkuk. | Kandungan web, terutamanya perenggan teks, paling mudah dibaca dalam font
sans serif. |
Hiasan | Termasuk fon jenis skrip, tulisan tangan atau jenis baru. | Pilihan yang baik untuk teks grafik dalam reka bentuk blog. Tidak baik
pilihan untuk kandungan blog post. |
Monospace | Semua huruf dan nombor mengambil lebar yang sama (seperti kekunci mesin taip
yang sama saiznya). |
Terbaik untuk memaparkan kod pengaturcaraan komputer atau meniru teks tertulis yang tertulis
. |
Di sini, anda dapat melihat contoh-contoh empat jenis font ini. Lihat perbezaan antara serif dan sans serif untuk modal T atau huruf kecil i.
