在CSS中引用外部字體,你可以使用@font-face
規(guī)則,這個規(guī)則允許你指定一個字體文件的路徑,然后為字體文件定義一個名稱,***后使用font-family
屬性來引用這個字體。
下面是一個簡單的示例,展示如何在CSS中引用外部字體:
@font-face { font-family: 'MyCustomFont'; src: url('path/to/my/custom/font.woff2') format('woff2'); } body { font-family: 'MyCustomFont', Arial, sans-serif; }
在這個示例中,@font-face
規(guī)則定義了一個名為MyCustomFont
的字體,字體文件的路徑是path/to/my/custom/font.woff2
,字體格式是woff2
,在body
選擇器中,我們將font-family
屬性設(shè)置為MyCustomFont
,如果瀏覽器不支持MyCustomFont
,則會回退到Arial
字體。
你需要確保字體文件路徑的正確性,并且字體文件必須是瀏覽器支持的格式,在示例中,我們使用了woff2
格式的字體文件,這是一種常見的字體格式,被許多現(xiàn)代瀏覽器支持。
你還可以使用其他字體格式,如ttf
、otf
等,只需將format()
函數(shù)中的參數(shù)更改為相應(yīng)的格式即可,如果你使用ttf
格式的字體文件,可以將format('woff2')
更改為format('truetype')
。
希望這個示例能幫助你在CSS中成功引用外部字體。