Bagaimanakah Saya Boleh Mengimport Berbilang Berat Font dengan Pengisytiharan @font-face Tunggal?

Menyoal Berbilang Berat Fon dengan Pengisytiharan @font-face Tunggal

Mengimport berbilang varian fon dengan berat yang berbeza boleh membosankan apabila bergantung pada individu @ blok muka fon. CSS menawarkan penyelesaian yang menggabungkan varian ini menjadi satu pengisytiharan.

Melaksanakan Pertanyaan @font-face Tunggal

Kunci untuk mencapai ini ialah sintaks khusus bagi pengisytiharan @font-face, yang menerima senarai berat fon, gaya fon dan sifat keluarga fon yang dipisahkan bertindih. Berikut ialah contoh:

@font-face {
  font-family: "Klavika";
  src: url("Klavika-Bold.otf") weight:bold, url("Klavika-Light.otf") weight:light;
}

Dengan menyatakan berat, gaya dan sifat keluarga dengan cara ini, berbilang varian fon boleh diimport serentak.

Contoh Penggunaan

Kaedah ini membolehkan penggayaan fleksibel dengan berat fon individu:

h1 { font-weight:bold; font-family: Klavika; }
p { font-weight:light; font-family: Klavika; }

Selain itu, anda boleh memanfaatkan sintaks @font-face standard untuk menentukan sifat fon lain, seperti src dan format.

Bacaan Lanjut

Untuk penerokaan menyeluruh tentang ciri ini, rujuk sumber dalam talian yang disediakan, yang menawarkan eksposisi yang lebih terperinci dan contoh tambahan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengimport Berbilang Berat Font dengan Pengisytiharan @font-face Tunggal?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!