首頁 >web前端 >css教學 >如何連結我的網站專案中單獨資料夾中的外部 CSS 和字體檔案?

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

Patricia Arquette
Patricia Arquette原創
2024-11-29 06:52:10941瀏覽

How Do I Link External CSS and Font Files from Separate Folders in My Website Project?

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

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

  1. 連結 Font-Face CSS 檔案:

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

href="../../fonts/stylesheet.css"
  • 以「../」開頭移回「網站」資料夾。
  • 新增「字體」以導航至「字體」資料夾。
  • 最後,包括「stylesheet.css。」
  1. 連結字體:

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

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

相對檔案路徑提醒:

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

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

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

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn