如何連結我的網站專案中單獨資料夾中的外部 CSS 和字體檔案？

從外部資料夾連結CSS 和字體檔案

想像一下，有一個用於存放網站檔案的「網站」資料夾，以及一個包含字體子文件夾的單獨的“字體”資料夾。如果您的 HTML 和 CSS 檔案位於 Website 資料夾中，如何將它們連結到 Fonts 資料夾中的元素？

1. 連結 Font-Face CSS 檔案：

要連結位於「/fonts」資料夾中的字體文件，請在您的href:

href="../../fonts/stylesheet.css"

• 以「../」開頭移回「網站」資料夾。
• 新增「字體」以導航至「字體」資料夾。
• 最後，包括「stylesheet.css。」

2. 連結字體：

要連結到「字體」資料夾內子資料夾中的字體，在您的中使用以下語法src:

src: url('../../fonts/font1/font1.ttf') format('truetype'),
     url('../../fonts/font1/font1.svg') format('svg');

• 使用與之前相同的「../」和「fonts」語法。
• 導覽至「font1」子資料夾並包含字型檔 (font1 .ttf)。
• 使用適當的檔案重複任何其他字體格式

相對檔案路徑提醒：

使用檔案路徑瀏覽目錄時：

• 使用檔案路徑瀏覽目錄時：
• "/ ": 從根開始目錄。
• "../": 後移一個目錄。
• "../../":
後移兩個目錄.

要繼續前進，請指定子目錄。

透過了解這些約定，您可以準確地連結外部資料夾中的 CSS 和字體檔案。

以上是如何連結我的網站專案中單獨資料夾中的外部 CSS 和字體檔案？的詳細內容。更多資訊請關注PHP中文網其他相關文章！