在CSS中導(dǎo)入字體,你可以使用@font-face
規(guī)則,這個規(guī)則允許你在網(wǎng)頁中使用非標(biāo)準(zhǔn)的字體,比如一些手寫字體或者藝術(shù)字體,下面是一個基本的示例:
@font-face { font-family: 'MyFont'; // 自定義字體名稱 src: url('myfont.woff2') format('woff2'), // 字體文件路徑和格式 url('myfont.woff') format('woff'); } body { font-family: 'MyFont', Fallback, sans-serif; // 使用自定義字體,如果不支持則降級使用Fallback字體 }
在上面的示例中,@font-face
規(guī)則定義了一個名為MyFont
的自定義字體,并指定了字體文件的路徑和格式,然后在body
選擇器中,我們將font-family
屬性設(shè)置為MyFont
,并指定了降級使用的備選字體Fallback
,這樣,如果瀏覽器不支持MyFont
,就會使用備選字體來替代。
需要注意的是,字體文件需要放在與網(wǎng)頁文件相同的位置,或者指定正確的路徑,字體文件的格式也需要與@font-face
規(guī)則中指定的格式相匹配,常見的字體格式包括woff
、woff2
和ttf
等。
如果你使用的是Google Fonts等在線字體服務(wù),那么可以直接在CSS中引用它們的URL來導(dǎo)入字體,這種方法更加方便快捷,因?yàn)槟憧梢灾苯釉贕oogle Fonts上選擇字體并獲取URL,而無需自己上傳字體文件。