前端如何引用LCD字体液晶字体,如何转换?@font-face 如何使用?

1、打开字体下载网站

https://www.dafont.com/

点击LCD,并输入想药转换的字符

2、上面操作下载后得到一个压缩包,里面都是.ttf格式,需要将其转换成.woff格式

打开转换网站

https://www.fontsquirrel.com/tools/webfont-generator

3、打开压缩包

将.woff 、.woff2 文件拷贝至项目的某个文件夹下

将压缩包中的stylesheet.css 的内容拷贝至项目的某个css文件中也可以直接拷贝文件进去引用。

4、在项目中使用

效果

猜你喜欢

转载自blog.csdn.net/xljx_1/article/details/104317300