react怎么改字體

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

本教程操作環(huán)境：Windows10系統(tǒng)、react18.0.0版、Dell G3電腦。

react怎么改字體？

在react中使用自己的font

今天遇到一個(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中引入

推薦學(xué)習(xí)：《react視頻教程》