Bagaimana untuk Mengintegrasikan Fon Tersuai ke dalam HTML tanpa Flash atau PHP?

Penyepaduan Font Tersuai pada Tapak HTML

Soalan: Bagaimanakah anda boleh menggabungkan fon tersuai ke dalam reka letak HTML dengan lancar tanpa menggunakan Flash atau PHP?

Jawapan:

Menggunakan ciri CSS @font-face, anda boleh dengan mudah menyepadukan fon tersuai ke dalam HTML anda. Ciri ini membolehkan anda mentakrifkan fon baharu berdasarkan fail tertentu:

@font-face {
  font-family: KG June Bug;
  src: url('JUNEBUG.TTF');
}

Setelah ditakrifkan, anda hanya boleh merujuk fon dalam HTML anda seperti mana-mana fon standard lain:

<h1>
  Hey, June
</h1>

h1 {
  font-family: KG June Bug;
}

Dalam contoh ini, fail JUNEBUG.TTF hendaklah diletakkan dalam direktori yang sama dengan HTML fail.

Petua:

Untuk contoh yang diberikan, fon KG June Bug boleh dimuat turun dari: http://www.dafont.com/junebug.font

Atas ialah kandungan terperinci Bagaimana untuk Mengintegrasikan Fon Tersuai ke dalam HTML tanpa Flash atau PHP?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!