今天遇到一個(gè)需求,要在項(xiàng)目中使用特定的字體,因?yàn)樽謹(jǐn)?shù)較多,而且方便以后做效果,于是便采用了CSS3的@font-face規(guī)則。
1. 先看下兼容性:發(fā)現(xiàn)絕大部分的瀏覽器都已經(jīng)支持

大部分瀏覽器已經(jīng)支持
2. 接下來看看他的語法:最主要的是font-family用于指定自定義的字體名,src用于指定字體路徑,其他屬性可選

語法,font-family和src必選
3. 最后是在react中使用的方式:先在assets目錄下放置想要使用的字體名稱,接下來在index.js調(diào)用的index.css中定義font,然后就可以在全局使用了

在src中放入字體文件

在最外層的index.css中引入