Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Memautkan Lembaran Gaya dan Fon daripada Folder Berasingan dalam Laman Web Anda?

Bagaimana untuk Memautkan Lembaran Gaya dan Fon daripada Folder Berasingan dalam Laman Web Anda?

Patricia Arquette
Patricia Arquetteasal
2024-12-01 16:59:10451semak imbas

How to Link Stylesheets and Fonts from Separate Folders in Your Website?

Memautkan Lembaran Gaya dan Fon Merentas Folder

Apabila menyusun fail tapak web, adalah perkara biasa untuk mengasingkan aset ke dalam direktori yang berbeza. Dalam senario ini, fail tapak web anda berada dalam folder "Laman Web", manakala fail berkaitan fon anda berada dalam folder "Fon", yang selanjutnya mengandungi folder bersarang untuk fon tertentu.

Untuk memautkan lembaran gaya anda (" stylesheet.css") ke fail HTML anda yang terletak dalam folder "Laman Web", anda hanya boleh menggunakan laluan berikut berbanding HTML fail:

href="stylesheet.css"

Walau bagaimanapun, merujuk fail CSS muka fon anda dalam folder "Fon" memerlukan pendekatan yang sedikit berbeza. Laluan relatif untuk fail CSS muka fon menjadi:

href="../Fonts/font-face-css.css"

Di sini, "../Fonts/" mengalihkan kembali satu direktori untuk mencapai folder "Fon" dari lokasi fail HTML.

Untuk memautkan fon individu dalam folder bersarang di dalam folder "Fon", gunakan sintaks berikut dalam CSS muka fon fail:

src: url("../Fonts/font1/font1.ttf") format("truetype");
/* Repeat for each font and format as needed */

Dalam contoh ini, "../Fonts/font1/font1.ttf" menentukan laluan relatif kepada fail TrueType Font (TTF) yang terletak dalam folder "font1". Laraskan nama folder dan sambungan fail dengan sewajarnya untuk fon khusus anda.

Atas ialah kandungan terperinci Bagaimana untuk Memautkan Lembaran Gaya dan Fon daripada Folder Berasingan dalam Laman Web Anda?. 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