html tetapan fon

<p>HTML ialah bahasa asas untuk penghasilan halaman web Ia boleh mencapai kesan halaman web yang kaya, termasuk tetapan fon. Dalam HTML, fon boleh ditetapkan melalui teg. Artikel ini akan memperkenalkan cara untuk menetapkan fon dalam HTML.

<p>1. Tetapan fon asas

<p>Teg tetapan fon paling asas dalam HTML ialah teg <font>, yang melaluinya anda boleh menetapkan warna fon, saiz, siri fon, dsb. Sintaks asas adalah seperti berikut:

<font size="字体大小" color="字体颜色" face="字体系列">要设置的文本</font>

<p> Antaranya, atribut size digunakan untuk menetapkan saiz fon, dan nilai yang mungkin ialah 1~7 Semakin besar nilainya, semakin besar fon Atribut color digunakan untuk menetapkan warna fon Ia adalah nama warna (seperti merah) atau nilai warna heksadesimal (seperti #FF0000); atribut face digunakan untuk menetapkan keluarga fon nama fon (seperti Arial) atau keluarga fon (seperti serif).

<p>Contohnya, untuk menetapkan saiz fon sekeping teks kepada 4, warna kepada merah (#FF0000) dan keluarga fon kepada Arial, anda boleh menulis:

<font size="4" color="#FF0000" face="Arial">要设置的文本</font>

<p>2. Tetapan fon CSS

<p>HTML5 mengesyorkan menggunakan CSS untuk menetapkan fon, yang menggunakan beberapa sifat CSS. Atribut

1. font-family

<p>font-family digunakan untuk menetapkan keluarga fon, yang boleh menjadi nama fon (seperti Arial) atau keluarga fon ( seperti serif). Jika anda menetapkan berbilang keluarga fon, sistem cuba memuatkan setiap fon secara bergilir-gilir sehingga ia menemui satu fon yang disokong oleh sistem.

p {
  font-family: Arial, Helvetica, sans-serif;
}

<p>Dalam kod di atas, jika sistem menyokong fon Arial, gunakannya jika Arial tidak disokong, cuba gunakan fon Helvetica jika ia belum disokong, gunakan fon sans-serif lalai sistem. Sifat

2. saiz fon

<p>font-size digunakan untuk menetapkan saiz fon Unit lalai ialah piksel (px) dan unit lain seperti em dan rem juga boleh digunakan.

p {
  font-size: 16px;
}

<p>Kod di atas menetapkan saiz fon dalam teg <p> kepada 16 piksel. Atribut

3. berat fon

<p>font-weight digunakan untuk menetapkan berat fon Nilai yang mungkin adalah normal, tebal, lebih tebal, lebih ringan atau nilai berangka (. seperti 400, 700).

p {
  font-weight: bold;
}

<p>Kod di atas menetapkan berat fon dalam teg <p> kepada tebal. Atribut

4. gaya fon

<p>font-style digunakan untuk menetapkan gaya fon Nilai yang mungkin adalah normal, condong atau serong. Antaranya, italik ialah italik, dan oblik ialah italik.

p {
  font-style: italic;
}

<p>Kod di atas menetapkan gaya fon dalam teg <p> kepada condong. Sifat

5. garis-tinggi

<p>line-height digunakan untuk menetapkan ketinggian garisan, iaitu jarak antara setiap baris teks. Ia boleh ditetapkan dalam pelbagai cara seperti nilai berangka, peratusan atau unit.

p {
  line-height: 1.5;
}

<p>Kod di atas menetapkan ketinggian baris dalam teg <p> kepada 1.5 kali ganda saiz fon. Atribut

6. text-align

<p>text-align digunakan untuk menetapkan penjajaran teks Nilai yang mungkin adalah kiri, tengah, kanan atau justify.

p {
  text-align: center;
}

<p>Kod di atas akan menjajarkan teks di tengah dalam teg <p>. Atribut

7. teks-hiasan

<p>text-decoration digunakan untuk menetapkan hiasan teks Nilai yang mungkin adalah tiada, garis bawah, garis atas, garisan atau berkelip .

p {
  text-decoration: underline;
}

<p>Kod di atas akan menggariskan teks dalam teg <p>.

<p>Ringkasan:

<p>Di atas ialah kaedah menetapkan fon dalam HTML Sebagai perbandingan, CSS adalah lebih fleksibel dan berkuasa. Tetapan fon CSS juga menyokong lebih banyak sifat, seperti regangan fon, transformasi fon, dll., untuk memenuhi pelbagai keperluan. Dalam pembangunan sebenar, anda boleh memilih kaedah yang sesuai untuk tetapan fon mengikut situasi tertentu.

Atas ialah kandungan terperinci html tetapan fon. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!