前端如何引用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、在項目中使用

效果

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章