Selain latar belakang dan warna yang bagus, pengaturan font juga merupakan bagian penting dari desain web. Font yang sesuai tidak hanya akan membuat halaman lebih indah, tetapi juga meningkatkan pengalaman pengguna. CSS menyediakan serangkaian properti untuk mengatur gaya font teks, seperti mengubah font, mengontrol ukuran dan ketebalan font, dan sebagainya.
Dengan mempelajari properti CSS di atas, kita dapat mengatur font, ukuran, gaya, miring, tebal, dll untuk teks dalam HTML.
1. keluarga font
Atribut font-family digunakan untuk mengatur font suatu elemen. Fontnya adalah Song, Kai, dll.
Melalui atribut font-family, beberapa font dapat dideklarasikan secara bersamaan, dan font dipisahkan dengan koma. Sesuai dengan prinsip pemanggilan font, font pertama akan dipanggil terlebih dahulu. Jika tidak ditemukan, font berikutnya akan dicoba. Jika tidak ditemukan, font default akan dipanggil.
Contoh:
Misalnya, atur font untuk teks dalam tag <p> berikut:
<p>pemrograman dotcpp</p>
Anda dapat menggunakan pemilih tag dan kemudian mengaturnya di atribut font-family:
p{font-family:'TimesNewRoman','sans-serif',宋体,楷体;}Saat mendeklarasikan font, kita harus mendeklarasikan font bahasa Inggris dan font China secara terpisah, dan deklarasi font bahasa Inggris harus sebelum font China. Karena sebagian besar font Mandarin berisi huruf Inggris, tetapi tidak terlalu indah, sedangkan font Inggris tidak berisi karakter Mandarin. Jadi jika kita tidak ingin menggunakan font berbahasa Mandarin untuk menampilkan bahasa Inggris, kita harus ingat untuk mendeklarasikan font bahasa Inggris terlebih dahulu. Yang dideklarasikan terlebih dahulu akan dipanggil terlebih dahulu.
Font bahasa Inggris yang umum digunakan: Arial, Helvetica, Tahoma, Verdana, Lucida Grande, Georgia, dll.
Font berbahasa Mandarin yang umum digunakan: SimSun, SimHei, Microsoft YaHei, FangSong, KaiTi, dll.
2. gaya font
font-style mengatur gaya font. Anda dapat mengatur font menjadi font miring, miring, atau normal. Font miring biasanya didefinisikan sebagai font individual dalam keluarga font.
Nilai atribut umum untuk genus ini adalah sebagai berikut:
3.berat font
Atribut font-weight menentukan ketebalan font yang digunakan dalam teks elemen yang ditampilkan.
Nilai properti umum untuk properti ini adalah sebagai berikut:
4.ukuran font
Atribut font-size digunakan untuk mengatur ukuran font. Satuan yang umum digunakan adalah px, yaitu piksel.
px adalah singkatan dari Pixel, yaitu unit terkecil dari gambar atau grafik digital yang dapat ditampilkan dan direpresentasikan pada perangkat tampilan digital. Piksel adalah unit logis dasar dalam grafik digital, dan piksel juga disebut elemen gambar.
5. varian font
Atribut font-variant dapat mengubah huruf kecil bahasa Inggris dalam teks menjadi huruf kecil (huruf besar yang dikonversi memiliki ukuran yang sama dengan huruf kecil sebelum konversi, sehingga disebut huruf kecil). Nilai opsional untuk atribut font-variant adalah sebagai berikut:
6. huruf
Atribut font digunakan untuk mengatur semua atribut font dalam satu deklarasi, dengan spasi yang memisahkan setiap atribut. Artinya, atribut singkatan komprehensif dari atribut di atas.
Jika kita menggunakan atribut font untuk mengatur gaya font, urutan pengaturannya adalah: font-style, font-variant, font-weight, font-size/line-height, font-family. Tidak perlu menyetel nilai apa pun, dan properti yang tidak disetel akan menggunakan nilai defaultnya.