跨資料夾連結樣式表和字體
組織網站檔案時,通常會將資源分成不同的目錄。在這種情況下,您的網站檔案位於「網站」資料夾中,而與字體相關的檔案位於「字體」資料夾中,該資料夾還包含特定字體的嵌套資料夾。
連結您的樣式表(「 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中文網其他相關文章!