font set css3

CSS3 ialah bahasa yang digunakan untuk menggayakan reka letak, gaya dan penampilan halaman web. Dalam pembangunan bahagian hadapan, CSS3 ialah komponen harian yang sangat penting, yang boleh meningkatkan kecekapan kerja pereka bahagian hadapan dan keindahan halaman dengan sangat baik. Di antara semua sifat CSS3, gaya fon adalah bahagian yang sangat penting. Dalam artikel ini, kami akan meneroka cara menggayakan fon menggunakan CSS3.

1. atribut fon-family

font-family ialah salah satu atribut fon paling asas, yang mentakrifkan nama fon yang digunakan dalam struktur teks. Atribut ini boleh menerima julat nama fon menggunakan keputusan. Ia termasuk nama fon yang dikenali sebagai "fon universal". Kaedah tetapan adalah seperti berikut:

font-family: "Times New Roman", Georgia, Serif;

Dalam contoh di atas, ia akan cuba memuatkan fon "Times New Roman" jika fon tidak boleh dimuatkan, cuba muatkan Georgia Jika ia tidak boleh dimuatkan sekali lagi, fon Serif lalai akan dimuatkan.

2. atribut gaya fon

atribut gaya fon digunakan untuk menetapkan gaya keluarga fon teks. CSS3 menyediakan ciri condong yang berasingan. Apabila sifat ini ditetapkan kepada "italik" teks akan dicondongkan. Kaedah tetapan adalah seperti berikut:

font-style: italic;

3. atribut berat fon

Atribut berat fon digunakan untuk menentukan ketebalan teks. Bergantung pada peranti, fon mungkin menyokong set "berat" yang berbeza dan pelaksanaan khusus akan berbeza-beza. Tetapan yang biasa digunakan adalah normal, tebal dan lebih berani. Kaedah tetapan adalah seperti berikut:

font-weight: bold;

4. atribut saiz fon

atribut saiz fon digunakan untuk mentakrifkan saiz teks teks. Saiz fon boleh dinyatakan dalam piksel, em atau peratusan. Piksel ialah paip tetap, ia tidak berubah apabila bekas hos berubah. Nilai atribut boleh ditakrifkan dalam tiga cara: garis berangka, nilai relatif dan nilai mutlak. Kaedah tetapan adalah seperti berikut:

font-size: 16px;

5. atribut varian fon

atribut varian fon digunakan untuk mentakrifkan gaya huruf besar dan huruf kecil. Tetapkan nilai sifat ini kepada "huruf kecil" untuk menjadikan fon selesa. Kaedah tetapan adalah seperti berikut:

font-variant: small-caps;

6. atribut fon

Dalam sesetengah situasi, anda mungkin perlu menetapkan berbilang atribut fon pada masa yang sama, seperti fon saiz, fon, berat dan gaya fon. Pada masa ini, anda boleh terus menggunakan atribut fon dan memisahkan atribut ini dengan garis miring "/". Kaedah tetapan adalah seperti berikut:

font:italic bold 16px Arial, sans-serif;

Dalam contoh di atas, teks menggunakan gaya condong, tebal dan Saiz fon 16 piksel, keluarga fon termasuk Arial dan fon sans-serif sandaran.

Ringkasan

Sifat fon CSS3 meliputi gaya fon biasa, membolehkan pembangun bahagian hadapan mentakrifkan warna, saiz, ketebalan dan atribut teks yang lain dengan mudah. Kemahiran dalam atribut ini membolehkan pereka bentuk hadapan menyelesaikan tugas reka bentuk dengan lebih cekap.

Atas ialah kandungan terperinci font set css3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!