Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Memautkan Fail CSS dan Fon Luaran daripada Folder Bersarang dalam Tapak Web Saya?

Bagaimanakah Saya Memautkan Fail CSS dan Fon Luaran daripada Folder Bersarang dalam Tapak Web Saya?

Linda Hamilton
Lepaskan: 2024-11-29 07:09:09
asal
105 orang telah melayarinya

How Do I Link External CSS and Font Files from Nested Folders in My Website?

Memautkan CSS Luaran dan Fail Fon

Apabila menyusun fail tapak web, ia menjadi perlu untuk memautkan CSS luaran dan fail fon. Dalam senario ini, anda mempunyai folder "Laman Web" dengan fail HTML dan CSS dan folder "Fon" bersarang yang mengandungi berbilang folder untuk fon berbeza.

Memautkan Fail CSS Font-Face

Untuk memautkan fail CSS muka fon anda, gunakan yang berikut dalam fail HTML anda:

href="/fonts/font-face.css"
Salin selepas log masuk

Ini akan merujuk fail CSS daripada folder "Fon" berbanding dengan lokasi fail HTML.

Memautkan Fon

Untuk memautkan fon daripada folder masing-masing dalam " Folder Fonts", gunakan:

src: url("/fonts/font1/font1.ttf") format("truetype");
Salin selepas log masuk

Untuk SVG format:

src: url("/fonts/font1/font1.svg") format("svg");
Salin selepas log masuk

Peringatan Laluan Fail

Untuk menavigasi laluan fail dengan berkesan, ingat peraturan berikut:

  • "/" merujuk kepada direktori akar.
  • "../" menggerakkan satu direktori ke belakang.
  • "../../" mengalihkan dua direktori ke belakang.
  • Untuk bergerak ke hadapan, nyatakan nama subdirektori.

Atas ialah kandungan terperinci Bagaimanakah Saya Memautkan Fail CSS dan Fon Luaran daripada Folder Bersarang dalam Tapak Web Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan