react改字體的方法:1、查看CSS3的“@font-face”屬性在瀏覽器的兼容性;2、在assets目錄下放置想要使用的字體名稱;3、在“index.js”調用的“index.css”中定義“font”,然后就可以在全局使用新字體。

本教程操作環境: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視頻教程》
站長資訊網