在CSS中引用其他字體,你可以使用@font-face
規(guī)則,這個(gè)規(guī)則允許你指定一個(gè)字體文件的路徑,然后給這個(gè)字體文件一個(gè)名字,之后你就可以在其他的CSS規(guī)則中使用這個(gè)字體了。
下面是一個(gè)簡(jiǎn)單的例子:
@font-face { font-family: 'MyFont'; // 你可以給字體取一個(gè)名字 src: url('path/to/my/font.woff2'); // 字體文件的路徑 } body { font-family: 'MyFont', Fallback, sans-serif; // MyFont'無法加載,就使用Fallback字體 }
在這個(gè)例子中,@font-face
規(guī)則定義了一個(gè)名為MyFont
的字體,字體文件路徑為path/to/my/font.woff2
,然后在body
規(guī)則中,我們指定了font-family
為MyFont
,如果MyFont
無法加載,就使用Fallback
字體,***后使用sans-serif
作為備選。
需要注意的是,字體文件需要是瀏覽器支持的格式,比如.woff2
、.ttf
等,由于字體文件可能較大,加載速度可能會(huì)受到影響,因此建議將字體文件放在服務(wù)器的合適位置,或者考慮使用其他優(yōu)化方法。