Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menetapkan fon kepada "Microsoft Yahei" dalam css

Bagaimana untuk menetapkan fon kepada "Microsoft Yahei" dalam css

PHPz
PHPzasal
2023-04-23 16:42:292436semak imbas

Dalam reka bentuk web, pemilihan dan tetapan fon adalah sangat penting, dan boleh menjejaskan kebolehbacaan dan estetika halaman web secara langsung. Fon Microsoft Yahei Microsoft Corporation sangat dipuji dan dipilih oleh majoriti pereka bentuk dan jurutera hadapan. Artikel ini akan memperkenalkan secara terperinci cara menggunakan fon Microsoft Yahei dalam CSS, dan menerangkan konsep dan teknik penggunaan fon yang berkaitan.

1. Konsep fon

Dalam CSS, fon dibahagikan kepada tiga kategori: jenis berdasarkan jenis fon, jenis berdasarkan berat fon (ketebalan) dan jenis berdasarkan gaya fon. Berikut ialah klasifikasi dan pengenalan khusus.

  1. Mengikut jenis fon

1) Fon Serif: dengan garisan hiasan, seperti Dinasti Lagu, Times New Roman, dsb.

2) Fon Sans-serif: tiada garisan hiasan, seperti Microsoft Yahei, Arial, dsb.

3) Fon Monospace: Setiap aksara menduduki lebar yang sama, seperti Courier New, Consolas, dsb.

  1. Mengikut jenis berat fon

1) Berat fon biasa: Berat fon biasa.

2) Berat fon tebal: Berat fon tebal.

3) Berat fon yang lebih tebal: berat fon yang sangat tebal.

4) Berat fon lebih ringan: lebih ringan daripada berat fon biasa.

  1. Mengikut gaya fon

1) Fon biasa: Gaya fon biasa.

2) Fon serong: Teks condong, serupa dengan huruf condong.

3) Fon miring: Teks tegak, tetapi sedikit senget, dan gaya teks senget.

2. Kaedah tetapan fon CSS

Dalam CSS, anda boleh menetapkan jenis fon, berat fon dan gaya fon melalui atribut fon. Berikut ialah kaedah tetapan khusus:

  1. Tetapkan jenis fon

Jenis fon boleh ditetapkan melalui atribut keluarga fon Berbilang jenis fon boleh dipisahkan dengan bahasa Inggeris koma. Jenis fon digunakan pada elemen mengikut keutamaan dari kiri ke kanan. Contohnya, kod berikut akan menggunakan fon Microsoft Yahei dan fon SimSun:

font-family: "微软雅黑", SimSun, serif;
  1. Tetapkan berat fon

Berat fon boleh ditetapkan melalui fon- Nilai berat boleh menjadi normal (berat biasa), tebal (bold), lebih berani (lebih berani), lebih ringan (lebih ringan), atau nombor (nilai berat dari 100 hingga 900). Contohnya, kod berikut akan menetapkan teks kepada berat fon yang lebih tebal:

font-weight: bolder;
  1. Tetapkan gaya fon

Gaya fon boleh ditetapkan melalui gaya fon atribut, dan nilai atribut boleh Ia adalah normal (gaya biasa), condong (italik), dan serong (serong), di mana condong adalah condong dan serong adalah serong. Contohnya, kod berikut menetapkan teks kepada gaya condong:

font-style: italic;

3 Langkah berjaga-jaga untuk menggunakan fon Microsoft Yahei

  1. Sahkan sama ada sistem pengendalian menyokong fon Microsoft Yahei Sistem pengendalian komputer di mana penyemak imbas terletak tidak menyokong fon Microsoft Yahei, jadi tidak kira berapa kali ia ditetapkan, ia tidak akan berkuat kuasa dan pengguna akan melihat fon sandaran.
  2. Apabila menggunakan keluarga fon Cina, anda perlu menggunakan petikan berganda, jika tidak ralat mungkin berlaku.
  3. Apabila menggunakan fon Microsoft Yahei, jika anda menetapkan warna fon dan warna latar belakang menjadi terlalu gelap atau terlalu terang, ia mungkin menyebabkan fon sukar untuk dikenali di bawah latar belakang tertentu, jadi anda perlu memberi perhatian .
  4. Fon Microsoft Yahei tidak digunakan secara meluas dalam bidang teknikal seperti matematik dan teknologi komputer Oleh itu, ia tidak boleh menggantikan fon lain dalam beberapa bidang permintaan dan perlu digunakan mengikut situasi tertentu.

Ringkasnya, fon dalam CSS sangat mudah dan mudah dipelajari Jika anda ingin menjadikan antara muka web lebih cantik, pemilihan dan tetapan fon adalah sangat penting. Menguasai konsep dan teknik yang berkaitan dengan fon boleh menjadikan halaman web anda lebih cemerlang. Jika anda ingin menggunakan fon Microsoft Yahei, hanya tetapkan sifat fon-family dalam fail CSS kepada "Microsoft Yahei". Anda juga perlu memberi perhatian kepada penggunaan petikan berganda, sama ada sistem pengendalian menyokongnya, dan yang sesuai warna dan gaya Tunggu butiran untuk mencapai hasil yang lebih baik.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan fon kepada "Microsoft Yahei" dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn