vue使用ttf字体包压缩字蛛 font-spider

小崔一打五

于 2021-05-28 16:11:27 发布

阅读量1.8k

点赞数 2

文章标签： css css3 vue.js

本文链接：https://blog.youkuaiyun.com/weixin_58437310/article/details/117358155

版权

本文介绍了如何在HTML中通过CSS的@font-face规则引入自定义字体，并详细讲解了使用font-spider工具管理和安装字体的过程，适合前端开发者和设计师阅读。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.可以先建一个文件夹里面包括

里面包括

2.1>.css文件夹->index.css 2>.font(里面放的是ttf字体包) 3>.index.html 引入 4>.没有 .font-spider文件夹这个是安装字蛛完才显示

3.css里面需要引入字体

@font-face {

  font-family: "AlibabaPuHuiTi-Medium, AlibabaPuHuiTi";

  src: url("../font/Alibaba-PuHuiTi-Medium.ttf") format('truetype');

  font-weight: normal;

  font-style: normal;

}

4.html里引入

5.安装字蛛

npm install font-spider -g

安装完成产看版本号

font-spider --version

6. 出现一个 .spider-font 文件夹这里面是原来的字体包

vue使用ttf字体包压缩 字蛛 font-spider

vue使用ttf字体包压缩字蛛 font-spider