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

如何從我的網站中的嵌套資料夾連結外部 CSS 和字體檔案?

Linda Hamilton
發布: 2024-11-29 07:09:09
原創
105 人瀏覽過

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

連結外部CSS和字體檔案

在組織網站檔案時,有必要連結外部CSS和字體檔案。在這種情況下,您有一個包含 HTML 和 CSS 檔案的「網站」資料夾,以及一個包含不同字體的多個資料夾的嵌套「字體」資料夾。

連結Font-Face CSS 文件

要連結您的font-face CSS 文件,請在HTML 中使用以下內容文件:

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

這將引用相對於HTML 檔案位置的「字型」資料夾中的CSS 檔案。

連結字體

要連結「字型」資料夾中各自資料夾中的字體,使用:

src: url("/fonts/font1/font1.ttf") format("truetype");
登入後複製

對於 SVG格式:

src: url("/fonts/font1/font1.svg") format("svg");
登入後複製

檔案路徑提醒

要有效瀏覽檔案路徑,請記住以下內容規則:

  • 「 /”表示根目錄。
  • 「../」向後移動目錄。
  • 「../../」向後移動兩個目錄。
  • 要向前移動,請指定子目錄名稱。

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

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