Rumah >hujung hadapan web >tutorial css >Bolehkah CSS @font-face Membenamkan Font Tersuai dalam HTML Tanpa Flash atau PHP?
Bolehkah CSS @font-face Membenamkan Font Tersuai dalam HTML Tanpa Flash atau PHP?
- Barbara Streisandasal
- 2024-12-03 03:25:10856semak imbas
Pemasangan Fon Tersuai dalam HTML
S: Melaksanakan Fon Tersuai dalam HTML Menggunakan CSS
Saya bercadang untuk memasukkan fon tersuai (KG June Bug) ke dalam susun atur HTML. Tanpa menggunakan Flash atau PHP, bolehkah CSS memudahkan perkara ini?
J: @font-face untuk Penyepaduan Fon Tersuai
CSS menawarkan ciri @font-face untuk menangani masalah ini perlu.
Isytihar fon dalam CSS:
@font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); }
@font-face { font-family: Delicious; font-weight: bold; src: url('Delicious-Bold.otf');}
Rujuk fon dalam HTML:
<h3> font-family: Delicious, sans-serif; </h3>
Berikut ialah contoh khusus:
<html>
<head>
<style>
@font-face { font-family: JuneBug; src: url('JUNEBUG.TTF'); }
h1 {
font-family: JuneBug
}
</style>
</head>
<body>
<h1>Hey, June</h1>
</body>
</html>
Pastikan fail JUNEBUG.TFF diletakkan dalam direktori yang sama dengan fail HTML.
Petua Tambahan:
Anda boleh mendapatkan fon daripada tapak web seperti dafont.com. Ingat untuk membaca dan mematuhi syarat pelesenan mana-mana fon yang anda muat turun.
Atas ialah kandungan terperinci Bolehkah CSS @font-face Membenamkan Font Tersuai dalam HTML Tanpa Flash atau PHP?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!