在CSS中,您可以通過使用@font-face規(guī)則來本地加載字體。@font-face規(guī)則允許您指定一個字體文件的路徑,以及該字體文件的名稱和樣式。
以下是一個簡單的示例,展示如何在CSS中本地加載字體:
@font-face { font-family: 'MyFont'; src: url('path/to/myfont.woff2') format('woff2'), url('path/to/myfont.woff') format('woff'); }
在上面的示例中,@font-face
規(guī)則定義了一個名為MyFont
的字體,并指定了字體文件的路徑和格式,在這個例子中,我們使用了woff2
和woff
兩種字體格式,以確保在不同的瀏覽器和操作系統(tǒng)上都能正確加載字體。
一旦您定義了字體,您可以在CSS中使用該字體來設(shè)置文本的樣式。
body { font-family: 'MyFont', Arial, sans-serif; }
在上面的示例中,body
元素的font-family
屬性首先引用我們定義的MyFont
字體,如果瀏覽器無法加載該字體,則會回退到Arial字體,然后再回退到sans-serif字體。
為了確保字體能夠正確加載,您需要確保字體文件存在于您指定的路徑中,并且該路徑對于您的網(wǎng)站或應(yīng)用程序是可訪問的,您還需要確保您的瀏覽器支持您指定的字體格式。