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
Lepaskan: 2024-12-01 16:59:10
asal
461 orang telah melayarinya

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"
Salin selepas log masuk

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"
Salin selepas log masuk

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 */
Salin selepas log masuk

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!

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