Rumah > hujung hadapan web > tutorial css > Bagaimana untuk memuatkan fail fon luaran dalam css

Bagaimana untuk memuatkan fail fon luaran dalam css

青灯夜游
Lepaskan: 2021-11-10 16:55:09
asal
8918 orang telah melayarinya

Dalam css, anda boleh menggunakan peraturan "@font-face" untuk memuatkan fail fon luaran, sintaks @font-face {font-family: font name src: url (external font file path); [font -weight: thickness value];[font-style: style value];}".

Bagaimana untuk memuatkan fail fon luaran dalam css

Persekitaran pengendalian tutorial ini: sistem windows7, CSS3&&HTML5 versi, Dell G3 Computer

Dalam css, anda boleh menggunakan peraturan "@font-face" untuk memuatkan fon luaran

@font-face ialah modul dalam CSS3, yang terutamanya memuatkan pengguna-. fon yang ditakrifkan. Fon web dibenamkan dalam halaman web anda Dengan menggunakan peraturan @font-face, pereka web tidak perlu lagi menggunakan sebarang fon "selamat web", anda mesti menentukan nama fon (cth. myFirstFont) dan kemudian tuding pada fail fon

Peraturan sintaks untuk @font-face:

@font-face {
      font-family: 字体名称;
      src: <source> [<format>][,<source> [<format>]]*;
      [font-weight: <weight>];
      [font-style: <style>];
    }
Salin selepas log masuk
: Nama fon tersuai (biasanya ditetapkan kepada nama fon yang diimport), fon akan dirujuk dengan nama ini dalam peraturan gaya berikutnya
  • font-family: 字体名称

    : Asingkan berbilang laluan pemuatan dan format dengan koma
  • srouce: Laluan pemuatan fon, yang boleh menjadi URL mutlak atau relatif

    src format: Format fon digunakan terutamanya untuk pengenalan penyemak imbas, secara amnya ialah jenis berikut - truetype, opentype, truetype-aat, embedded-opentype, avg, dsb. css menggunakan fail fon luaran

    1

    2. Gunakan peraturan @font-face untuk memperkenalkan fon dan berikan nama yang sesuai

3 > (Belajar perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Bagaimana untuk memuatkan fail fon luaran dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan