Rumah > hujung hadapan web > tutorial css > Bagaimana untuk menukar fon dalam css3

Bagaimana untuk menukar fon dalam css3

WBOY
Lepaskan: 2021-11-26 14:54:48
asal
2053 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!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan