学习记录
CSS自定义字体的实现,前端实现字体压缩
CSS中使用自定义字体,首先需要下载你需要的字体ttf或者otf文件这里推荐一个网站:http://www.zitixiazai.org//********css中********/@font-face{ font-family:'test' //自定义字体名称 src:url('') //自定义字体存在的路径}/*给div设置自...
2019-09-24 05:45:01
1525
                <p>CSS中使用自定义字体,首先需要下载你需要的字体ttf或者otf文件</p> 

这里推荐一个网站:http://www.zitixiazai.org/

/********css中********/
@font-face{
    font-family:'test'       //自定义字体名称
    src:url('')            //自定义字体存在的路径
}

/给div设置自定义字体/
div{
font-family:test;
}

有时网上下载的字体过大,网页加载过慢,需要进行压缩

1- 安装Node.js

2- CMD中执行npm install font-spider -g

3- CMD中进入到项目文件夹下,执行font-spider html文件名(也可以*html)

4- 项目下会生成一个.font-spider文件夹,该文件夹里面是所用到的字体压缩过后的字体文件