Bagaimana untuk menetapkan fon yang ditetapkan oleh css

Fon yang ditetapkan oleh CSS boleh ditetapkan dengan cara berikut:

1. Nyatakan nama fon

Anda boleh menentukan terus fon yang anda mahu gunakan dalam Helaian gaya CSS Nama fon. Contohnya, jika anda ingin menggunakan fon Arial, anda boleh menambah kod berikut pada lembaran gaya anda:

body {
  font-family: Arial, sans-serif;
}

Ini akan menjadikan semua teks dalam tapak web anda menggunakan fon Arial. sans-serif ialah nama keluarga fon generik yang digunakan untuk merujuk kepada fon tanpa serif, digunakan sebagai sandaran apabila penyemak imbas tidak dapat memaparkan fon yang ditentukan.

2. Menggunakan Fon Web

Fon web disediakan oleh pelayan anda, jadi anda boleh menggunakan sebarang fon tersuai. Untuk menggunakan fon web, anda perlu menambah kod berikut pada lembaran gaya CSS anda:

@font-face {
  font-family: "MyFont";
  src: url("myfont.woff"),
       local("MyFont"),
       url("myfont.ttf");
}

Dalam contoh ini, MyFont ialah nama fon tersuai ini dan myfont.woff dan myfont.ttf ialah nama daripada laluan fon. Blok kod ini mentakrifkan peraturan bernama @font-face dan kemudian menentukan nama fon dan laluan ke fail fon dalam peraturan.

3. Gunakan Google Font

Google menyediakan perkhidmatan fon web percuma yang boleh digunakan dalam tapak web anda. Untuk menggunakan Fon Google, anda perlu menambah kod berikut pada helaian gaya CSS anda:

<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

Dalam contoh ini, Open Sans ialah nama fon yang anda mahu gunakan. Anda kemudiannya boleh menggunakan fon ini dalam lembaran gaya anda sama seperti anda menggunakan fon lain:

body {
  font-family: "Open Sans", sans-serif;
}

Ini akan menyebabkan semua teks dalam tapak anda menggunakan fon Open Sans yang disediakan Google.

Secara umum, anda boleh menetapkan fon CSS dengan menyatakan nama fon, menggunakan fon web atau menggunakan Google Font. Setiap kaedah mempunyai kelebihan dan kekurangannya, dan anda perlu memilih berdasarkan keperluan anda.

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