首頁 > web前端 > css教學 > 如何連結網站中單獨資料夾中的樣式表和字體?

如何連結網站中單獨資料夾中的樣式表和字體?

Patricia Arquette
發布: 2024-12-01 16:59:10
原創
455 人瀏覽過

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

跨資料夾連結樣式表和字體

組織網站檔案時,通常會將資源分成不同的目錄。在這種情況下,您的網站檔案位於「網站」資料夾中,而與字體相關的檔案位於「字體」資料夾中,該資料夾還包含特定字體的嵌套資料夾。

連結您的樣式表(「 stylesheet.css") 到位於「網站」資料夾中的HTML 文件,您只需使用相對於HTML 文件的以下路徑:

href="stylesheet.css"
登入後複製

但是,引用「Fonts」資料夾中的字型CSS 檔案需要稍微不同的方法。 font-face CSS 檔案的相對路徑變成:

href="../Fonts/font-face-css.css"
登入後複製

這裡,「../Fonts/」向後移動目錄,從 HTML 檔案位置到達「Fonts」資料夾。

要連結“Fonts”資料夾內嵌套資料夾中的各個字體,請在font-face CSS 中使用以下語法file:

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

在此範例中,“ ../Fonts/font1/font1.ttf」指定位於「font1」資料夾中的TrueType 字型(TTF) 檔案的相對路徑。根據您的特定字體相應地調整資料夾名稱和檔案副檔名。

以上是如何連結網站中單獨資料夾中的樣式表和字體?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板