React 引入外部下载字体.ttf

在css 文件中声名

@font-face{
  font-family: 'HeiTi'; // --自定义名字就好
  src: url("../../fonts/LianMengQiYiLuShuaiZhengRuiHeiTi-2.ttf"); // --下载的字体文件路径
}

在HTML中引用

<p style={{ fontSize: '22px', fontFamily: 'HeiTi' }} ><p>

在css中使用

.title{
    font-family: "HeiTi", "Microsoft YaHei", serif;
}

 

 

 

 



posted @ 2021-11-30 10:26  rachelch  阅读(2300)  评论(0编辑  收藏  举报