Bagaimana untuk menukar fon dalam css3-tutorial css-php.cn

Bagaimana untuk menukar fon dalam css3

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Lepaskan： 2021-11-26 14:54:48

asal

2175 orang telah melayarinya

Dalam CSS, anda boleh menggunakan atribut "font-family" untuk menukar fon Fungsi atribut ini adalah untuk menentukan fon elemen Anda hanya perlu menambah "font-family:". nama fon";" gaya kepada elemen .

Bagaimana untuk menukar fon dalam css3

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Cara menukar fon dalam css3

Dalam css, anda boleh menggunakan atribut font-family untuk menukar fon.

keluarga fon menentukan keluarga fon elemen.

fon-family boleh menyimpan berbilang nama fon sebagai sistem "sandaran". Jika penyemak imbas tidak menyokong fon pertama, ia akan mencuba fon seterusnya. Iaitu, nilai atribut font-family ialah senarai keutamaan nama keluarga fon atau/dan nama keluarga kelas untuk digunakan untuk elemen. Penyemak imbas akan menggunakan nilai pertama yang dikenalinya.

Terdapat dua jenis nama keluarga fon:

Nama keluarga yang ditentukan: nama fon tertentu, seperti: "times", "courier", "arial". Nama keluarga fon biasa: contohnya: "serif", "sans-serif", "cursive", "fantasi", "monospace".

Mari kita lihat operasi khusus atribut ini melalui contoh seperti berikut:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
.one{
font-family:"楷体"; 
}
</style>
</head>
<body>
<div class="one">怎么样改字体样式</div>
</body>
</html>

Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk menukar fon dalam css3

Tambahkan gaya "font-family:"宋体";" pada elemen dan hasil output ialah:

Bagaimana untuk menukar fon dalam css3

Tambahkan "font- keluarga:"黑体";" gaya kepada elemen, Hasil keluaran:

Bagaimana untuk menukar fon dalam css3

(Belajar perkongsian video:

tutorial video css)

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