Bagaimana untuk menukar font dalam html

HTML ialah bahasa penanda yang digunakan untuk menstruktur dan mempersembahkan kandungan pada halaman web. HTML mencipta kandungan dengan meletakkan dan memformat teks, imej dan jenis media lain pada halaman. Dalam HTML, gaya dan format teks boleh ditakrifkan menggunakan elemen dan atribut yang berbeza, termasuk fon. Menukar fon ialah cara yang mudah, namun sangat berkesan untuk meningkatkan kebolehbacaan dan daya tarikan visual halaman anda. Dalam artikel ini, kami akan meneroka cara menukar fon dalam HTML.

Takrifan fon dalam HTML

Dalam HTML, fon ditakrifkan dengan menetapkan atribut dalam elemen <font>. Berikut ialah contoh:

<font size="5" face="Arial" color="red">Hello World!</font>

Dalam contoh di atas, kami mentakrifkan perenggan teks "Hello World!" dengan saiz fon 5, nama fon Arial dan warna merah. Berikut ialah atribut yang tersedia dalam elemen <font>:

• size: Mentakrifkan saiz fon, daripada 1 (minimum) hingga 7 (maksimum).
• face: Mentakrifkan nama fon. Anda boleh menggunakan fon selamat web (seperti Arial, Times New Roman, Verdana, dll.) atau fon lain yang dimuat turun dari Internet.
• color: Tentukan warna fon.

Walaupun elemen <font> telah digunakan dalam versi HTML yang lebih awal, HTML5 mengesyorkan menggunakan CSS untuk mentakrifkan fon dan gaya lain. Di bawah ini kami akan menerangkan cara untuk menentukan fon dalam CSS.

Tukar fon menggunakan CSS

CSS ialah bahasa yang digunakan untuk menerangkan gaya halaman web. Dengan CSS, kami boleh menggunakan gaya untuk teks, imej dan elemen lain pada halaman HTML. Berikut ialah langkah bagaimana untuk mentakrifkan fon dalam HTML menggunakan CSS:

Langkah 1: Tentukan fon

Pertama, kita perlu menentukan fon yang ingin kita gunakan. Anda boleh menggunakan fon selamat web atau fon yang dimuat turun dari Internet. Berikut ialah contoh mentakrifkan fon:

@font-face {
  font-family: myFont;
  src: url(myFont.ttf);
}

Dalam contoh di atas, kami telah mentakrifkan fon bernama "myFont". Sumber fon ini ialah "myFont.ttf" yang mesti berada dalam direktori yang sama dengan fail CSS.

Langkah 2: Gunakan fon pada teks

Seterusnya, kita perlu menggunakan fon pada teks. Sifat CSS berikut tersedia:

• font-family: Mentakrifkan nama fon untuk digunakan.
• font-size: Tentukan saiz fon.
• font-weight: Tentukan ketebalan fon.
• font-style: Tentukan gaya fon.

Berikut ialah contoh penggunaan fon pada teks:

body {
  font-family: myFont;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
}

Dalam contoh di atas, kami menggunakan fon "myFont" pada teks keseluruhan halaman, dan Saiz fon, berat dan gaya ditetapkan.

Ringkasan

Menukar fon ialah cara yang mudah tetapi berkesan untuk meningkatkan kebolehbacaan dan daya tarikan visual halaman anda. Dalam HTML, anda boleh menggunakan elemen <font> untuk mentakrifkan fon, tetapi HTML5 mengesyorkan menggunakan CSS untuk tugasan ini. Untuk menukar fon, kita perlu mentakrifkan fon dahulu dan kemudian menerapkannya pada teks yang ingin kita ubah. Dengan menggunakan CSS, kita boleh menukar gaya fon dengan mudah untuk menjadikannya lebih menonjol dan lebih mudah dibaca pada halaman.

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