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
Linda Hamiltonasal
2024-11-29 07:09:09181semak imbas

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"

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");

Untuk SVG format:

src: url("/fonts/font1/font1.svg") format("svg");

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!

Kenyataan:
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