Bolehkah CSS @font-face Membenamkan Font Tersuai dalam HTML Tanpa Flash atau PHP?-tutorial css-php.cn

Bolehkah CSS @font-face Membenamkan Font Tersuai dalam HTML Tanpa Flash atau PHP?

Barbara Streisand

Lepaskan： 2024-12-03 03:25:10

asal

913 orang telah melayarinya

Can CSS @font-face Embed Custom Fonts in HTML Without Flash or PHP?

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');}

Salin selepas log masuk

Rujuk fon dalam HTML:

<h3>
  font-family: Delicious, sans-serif;
</h3>

Salin selepas log masuk

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>

Salin selepas log masuk

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!