Bagaimana untuk menetapkan font html

PHPz

Lepaskan： 2023-05-15 16:47:08

asal

3879 orang telah melayarinya

HTML (Hypertext Markup Language) ialah bahasa asas untuk mencipta halaman web, yang boleh digunakan untuk menentukan struktur, reka letak, gaya dan kefungsian halaman.

Fon ialah elemen penting dalam reka bentuk web, yang boleh menjejaskan pengalaman membaca kandungan web pengguna. Oleh itu, adalah perlu untuk menetapkan fon yang sesuai untuk memastikan kandungan halaman web adalah jelas dan mudah dibaca. Artikel ini akan memperkenalkan cara untuk menetapkan fon HTML.

1. Teg fon HTML

Dalam fail HTML, teg boleh digunakan untuk menentukan fon teks. Teg fon yang biasa digunakan adalah seperti berikut:

digunakan untuk mengawal fon teks, saiz, warna, dsb.

hingga

digunakan untuk menentukan saiz fon dan gaya tajuk.

dan teg: digunakan untuk menekankan kandungan teks, gaya fon boleh ditetapkan melalui CSS.

2. teg

teg paling asas untuk menetapkan fon dalam HTML

saiz: Tentukan saiz fon, yang boleh ditakrifkan mengikut nilai berangka atau saiz relatif Contohnya, saiz="+1" bermaksud satu saiz lebih besar daripada fon asal.

warna: Tentukan warna fon, anda boleh menggunakan nama perenambelasan atau warna, seperti color="#FF0000" untuk merah.
muka: Tentukan keluarga fon (iaitu nama fon Anda boleh menggunakan berbilang nama fon dan memadankannya dari hadapan ke belakang mengikut keutamaan Contohnya, face="Microsoft YaHei, SimHei" bermaksud Microsoft YaHei fon digunakan dahulu Jika tidak tersedia pada sistem, huruf tebal digunakan.
Berikut ialah contoh asas menggunakan teg ;h1> Teg ; hingga
digunakan untuk menentukan tajuk halaman web fon terkecil.

Berikut ialah contoh penggunaan teg

<font size="+1" color="#FF0000" face="Microsoft YaHei, SimHei">这是一段红色、加大字号、优先使用微软雅黑字体的文本。</font>

Salin selepas log masuk

4. Helaian gaya CSS

Walaupun tetapan fon dalam HTML adalah mudah dan intuitif, dalam penggunaan sebenar, atribut Font perlu ditukar dengan kerap, yang boleh membawa kepada fail HTML yang bertele-tele dan bersepah. Untuk menyelesaikan masalah ini, anda boleh menggunakan CSS (Cascading Style Sheets) untuk menggayakan fon.

CSS ialah bahasa yang digunakan untuk menerangkan kesan paparan halaman web Ia boleh mengawal mod paparan pelbagai elemen dalam HTML, termasuk fon, warna, jarak, sempadan, dll.

Berikut ialah contoh lembaran gaya menggunakan CSS untuk menetapkan fon:

<h1>这是一级标题</h1>

Salin selepas log masuk

Dalam contoh di atas, keluarga fon ditakrifkan melalui atribut

, menggunakan berbilang nama fon, berdasarkan pada Tahap keutamaan sepadan dari depan ke belakang. Atribut

mentakrifkan saiz fon dalam piksel. Atribut

mentakrifkan warna fon, menggunakan tatatanda heksadesimal.

Anda boleh meletakkan helaian gaya CSS dalam teg

di kepala fail HTML, seperti yang ditunjukkan di bawah: font-family

body {
    font-family: "Microsoft YaHei", Arial, sans-serif;
    font-size: 14px;
    color: #333;
}

Salin selepas log masuk

font-sizeAnda boleh mendapati bahawa dalam contoh di atas, kod HTML adalah lebih ringkas dan jelas, dan pada masa yang sama helaian gaya CSS boleh digunakan semula, menjadikan penyelenggaraan kod lebih mudah. color5. Ringkasan

<head>Menetapkan fon dalam dokumen HTML boleh dicapai melalui teg atau helaian gaya CSS. Teg boleh menetapkan saiz fon, warna dan siri, teg