react项目如何引入字体文件

1.下载字体文件

常见的字体文件格式为 .ttf、.otf、.eot、.woff 和 .woff2 。

2.将下载的字体文件放入项目中

通常放在静态文件目录，例如 src/assets/fonts。

3.在css文件中声明字体

@font-face {
  font-family: 'CustomFont';
  src: url('../assets/fonts/custom-font.ttf'); /* 注意路径 */
}

4.在css文件中直接写字体样式

body {
  font-family: 'CustomFont';
}