我们先来看看效果图,如下图所示:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/9dbac7584b9515c64ac0232624bedbe7.png#pic_center)
我是在写 react 项目时候用到的这个东西,那我就以在 react 项目写出 漂亮的数字字体为例,总结一下。
首先我引入了文件,如下图所示:(需要文件的 私信或留言)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/e0d390061b3af1d7cd7b5cb19cc96eba.png#pic_center)
然后我在 css 中引入了字库:
@font-face {
font-family: electronicFont;
src: url(../font/DS-DIGI-1.ttf);
}
具体路径根据情况写。
最后,在需要设置的位置进行字体设置:
font-family: electronicFont;
如此便可写出漂亮的 数字字体。