如何在React项目中引入并使用字体文件？

本文共计824个文字，预计阅读时间需要4分钟。

目录+前言+下面讲一下如何引入字体文件并使用：

1.下载字体包

2.将字体文件放置到项目中

3.使用新字体

总结+前言+在做React项目时，发现UI设计给出的设计稿中，某些文字所用的字体不常见，需要引入字体文件并使用。

目录

• 前言
• 下面讲下如何引入字体文件并使用
• 一、下载字体包
• 二、将字体文件放到项目里
• 三、使用新字体
• 总结

前言

在做React项目的时候，发现UI设计给出的设计稿里，某些文字所用的字体，系统默认不支持。比如设计需要的这个字体：EmerlandRegular，即使在css里将文字字体设置为他们，实际效果也显示不出来。