在CSS中加載字體文件路徑,可以使用@font-face
規(guī)則來(lái)實(shí)現(xiàn),該規(guī)則允許您指定一個(gè)字體文件的路徑,以及該字體文件的名稱和樣式,以下是一個(gè)示例:
@font-face { font-family: 'MyFont'; src: url('path/to/myfont.woff2') format('woff2'), url('path/to/myfont.woff') format('woff'); }
在上面的示例中,@font-face
規(guī)則定義了一個(gè)名為MyFont
的字體,并指定了字體文件的路徑和格式,在這個(gè)例子中,字體文件是myfont.woff2
和myfont.woff
,分別使用url()
函數(shù)指定了它們的路徑。format()
函數(shù)則指定了字體文件的格式。
字體文件的路徑應(yīng)該是相對(duì)于CSS文件的路徑,如果CSS文件和字體文件位于同一個(gè)目錄下,則可以直接使用字體文件的名稱,如果字體文件位于其他目錄下,則需要使用相對(duì)路徑來(lái)指定。
為了提高字體的兼容性,建議同時(shí)提供多種格式的字體文件,如woff
和woff2
,這樣,瀏覽器就可以根據(jù)自身的支持情況來(lái)選擇適合的字體格式了。