在CSS中引用本地字體,你可以使用@font-face
規(guī)則來實現(xiàn),這個規(guī)則允許你指定一個字體文件的路徑,然后在你的樣式表中引用這個字體,下面是一個基本的示例:
@font-face { font-family: 'MyFont'; // 自定義字體名稱 src: url('path/to/my/font.woff2'); // 字體文件的路徑 } body { font-family: 'MyFont', Fallback, sans-serif; // 使用自定義字體,如果不支持則使用備用字體 }
在上面的示例中,@font-face
規(guī)則定義了一個名為MyFont
的自定義字體,并指定了字體文件的路徑,在body
選擇器中,我們將font-family
屬性設(shè)置為MyFont
,并指定了一個備用字體Fallback
,以及一個通用字體sans-serif
,這樣,如果瀏覽器不支持MyFont
,就會使用備用字體或通用字體。
你需要將path/to/my/font.woff2
替換為你實際的字體文件路徑,你還可以根據(jù)需要設(shè)置其他樣式屬性,如font-weight
、font-style
等。
如果你使用的是Google Fonts或其他在線字體服務(wù),你也可以直接在HTML中引用這些字體,如果你使用Google Fonts的某個字體,可以在HTML的<head>
部分添加以下代碼:
<link href="https://fonts.googleapis.com/css?family=MyFont" rel="stylesheet">
在CSS中引用這個字體:
body { font-family: 'MyFont', Fallback, sans-serif; }
這種方法的好處是,你可以輕松地在多個網(wǎng)站或項目中使用同一個字體,而無需在每個地方都重新上傳字體文件。