本教程操作環境:Windows10系統、react18.0.0版、Dell G3電腦。
react怎么改字體?
(資料圖)
在react中使用自己的font
今天遇到一個需求,要在項目中使用特定的字體,因為字數較多,而且方便以后做效果,于是便采用了CSS3的@font-face規則。
1. 先看下兼容性:發現絕大部分的瀏覽器都已經支持
大部分瀏覽器已經支持
2. 接下來看看他的語法:最主要的是font-family用于指定自定義的字體名,src用于指定字體路徑,其他屬性可選
語法,font-family和src必選
3. 最后是在react中使用的方式:先在assets目錄下放置想要使用的字體名稱,接下來在index.js調用的index.css中定義font,然后就可以在全局使用了
在src中放入字體文件
在最外層的index.css中引入
推薦學習:《react視頻教程》
以上就是react怎么改字體的詳細內容,更多請關注php中文網其它相關文章!
關鍵詞: React