【ttf压缩】网页开发中引入字体文件过大,加载缓慢的解决办法【字蛛】【web Font】

yueyemoyan

web 中文字体演示与工具使用请前往主页:http://font-spider.org/

  1. 需要安装 node.js

  2. 输入以下命令: npm install font-spider -g

  3. 运行

    • 安装成功之后就开始压缩了

      我的目录是这样的

      【ttf压缩】网页开发中引入字体文件过大,加载缓慢的解决办法【字蛛】【web Font】_第1张图片

      我的css文件开头是这样的

      【ttf压缩】网页开发中引入字体文件过大,加载缓慢的解决办法【字蛛】【web Font】_第2张图片

      这里要确保ttf文件一定要有,其他的不管

      在你的html中也引用了相应的css文件

      接下来就是最后一步了 生成新的字体库

      nodejs 命令行输入

      font-spider C:\Users\wangchao\Desktop\index*.html

      也就是你的html完整路径 【*】 是通配符,表示会扫描所有的html文件

      然后回车

      【ttf压缩】网页开发中引入字体文件过大,加载缓慢的解决办法【字蛛】【web Font】_第3张图片

      这样就成功了,在你原来的字体文件目录下会多出相应的压缩之后的字体文件,发现小了很多吧

      然后你再引用相关的新的字体文件就行了

      到这里就O了,很简单。

你可能感兴趣的:(技术,css,html,字体,ttf压缩,中文字体压缩)