Bagaimana untuk menetapkan fon Microsoft Yahei dalam css

CSS (Cascading Style Sheets) ialah bahasa helaian gaya yang digunakan untuk reka bentuk web, yang boleh mengawal pelbagai kesan visual dalam halaman web. Antaranya, fon adalah salah satu elemen paling asas dan penting dalam reka bentuk web.

Microsoft Yahei ialah fon yang sangat baik dengan kebolehbacaan yang sangat baik, garisan yang jelas dan glif yang selesa. Artikel ini akan memperkenalkan cara untuk menetapkan fon Microsoft Yahei dalam CSS untuk digunakan dalam halaman web.

Pertama, isytiharkan helaian gaya CSS di kepala halaman web Anda boleh menggunakan kod berikut:

<link>

Pustaka fon Font Awesome digunakan di sini terus dalam halaman web tanpa memuat turun fail fon Microsoft Yahei.

Seterusnya, anda boleh menggunakan kod berikut untuk menetapkan fon dalam CSS:

body {
  font-family: "微软雅黑", sans-serif;
}

Dalam contoh ini, kami menetapkan keluarga fon kepada "Microsoft Yahei", yang sepadan dengan yang ditentukan nama fon. Contoh ini juga menetapkan keluarga fon sandaran kepada "sans-serif" (nilai ini ialah kelas fon generik yang akan digunakan oleh penyemak imbas secara automatik jika fon yang ditentukan tidak tersedia).

Dalam peraturan CSS ini, kami menggunakan tetapan gaya pada elemen "badan". Ini akan menyebabkan semua teks dipaparkan dalam fon yang ditentukan, termasuk teks badan dan tajuk.

Jika anda ingin menggunakan gaya pada elemen tertentu dan bukannya keseluruhan dokumen, anda boleh menggunakan pemilihnya. Sebagai contoh, peraturan gaya berikut akan menyebabkan semua teks dalam elemen pengepala menggunakan fon Microsoft Yahei:

header {
  font-family: "微软雅黑", sans-serif;
}

Selain menetapkan keluarga fon, anda juga boleh menetapkan saiz fon, ketebalan, warna , dsb. Contohnya, kod berikut menetapkan saiz fon teks kepada 18 piksel, berat kepada normal dan warna kepada hitam:

body {
  font-size: 18px;
  font-weight: normal;
  color: #000000;
}

di mana atribut "font-size" menetapkan saiz fon dan " atribut font-weight" Tetapkan ketebalan fon (boleh ditetapkan kepada "bold" untuk tebal, "normal" untuk fon biasa), dan atribut "warna" menetapkan warna fon.

Apabila menggunakan fon Microsoft Yahei dalam CSS, kami juga boleh menggunakan lebih banyak atribut untuk mengawal gaya dan reka letak fon, seperti: jarak huruf (jarak huruf), ketinggian garis (ketinggian baris), teks -align (menjajarkan teks) dan sebagainya.

Ringkasnya, menggunakan CSS untuk menetapkan fon Microsoft Yahei ialah kemahiran asas dan penting Menguasai kemahiran ini boleh menjadikan reka bentuk web anda lebih profesional dan cantik. Saya berharap melalui pengenalan artikel ini, anda pada mulanya telah menguasai cara menetapkan fon Microsoft Yahei dalam CSS.

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