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

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

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

連結您的樣式表（「 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中文網其他相關文章！