在CSS中,您可以通過使用@font-face
規(guī)則來引入本地字體。@font-face
規(guī)則允許您指定一個字體文件的路徑,以及該字體文件的名稱和樣式。
以下是一個簡單的示例,展示如何在CSS中引入本地字體:
@font-face { font-family: 'MyFont'; // 字體名稱 src: url('path/to/myfont.woff2'); // 字體文件路徑 font-weight: 400; // 字體粗細(xì) font-style: normal; // 字體樣式 } body { font-family: 'MyFont', Arial, sans-serif; // 使用自定義字體,如果不支持則回退到Arial }
在上面的示例中,我們首先定義了一個名為MyFont
的字體,并指定了字體文件的路徑和樣式,在body
選擇器中,我們將font-family
屬性設(shè)置為MyFont
,并指定了回退字體為Arial,這樣,如果瀏覽器不支持MyFont
,則會使用Arial作為備選字體。
為了使用@font-face
規(guī)則,您需要確保您的字體文件是瀏覽器支持的格式(如.woff2),如果您不確定如何獲取字體文件,可以在網(wǎng)上搜索“免費(fèi)字體下載”或“購買字體”等關(guān)鍵詞,找到適合您需求的字體文件。