CSS 加載本地字體文件是指通過在 CSS 中引用本地計算機中的字體文件來實現自定義字體的使用方式。以下是該過程的具體步驟:
@font-face{ font-family: "MyCustomFont"; src: url("MyCustomFont.ttf") format("truetype"); } p{ font-family: "MyCustomFont"; }
首先,需要使用@font-face
屬性定義所需的字體族名和源文件 URL。在這個例子中,字體實際上存儲在名為 MyCustomFont.ttf 的文件中。在 CSS 中引用字體文件后,在p
標簽內就可以使用定義的字體族名了。
需要注意的是,在src
屬性中,需要指定字體文件所在的具體位置,包括文件名和文件格式。在上述例子中,文件格式為 TrueType Font,所以使用了format("truetype")
來說明。如果是其他字體格式如 OpenType 或 PostScript,需要相應地進行修改。
在使用 CSS 加載本地字體文件的過程中,還需要注意瀏覽器兼容性的問題。如今,絕大多數主流瀏覽器都支持這種方式,但一些舊版瀏覽器不支持或支持有限。因此,在使用時需要做好測試和兼容性處理。