中文字体压缩器-解决css引入的字体太大的问题

字蛛是一个中文字体压缩器

官方网站：http://font-spider.org/index.html

用于解决页面引入的css字体过大的问题

使用方法：

　　npm i -g font-spider

　　在页面引入外部字体

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style type="text/css">@font-face {font-family: customize;src:url(./李旭科书法1.4.ttf);}div {font-family: customize;}</style>
</head>
<body>科技官方客服岗康书法是广发卡阿斯钢咖啡馆<br><div>fksdgfskdf广东省价格反映阿古斯雅思官方呀<br>sdgfafguy 复古一个富有高素养的</div>
</body>
</html>

　　这个是为压缩之前的字体，有5.6M

执行命名

　　font-spider index.html

　　这个是执行后的字体，有20K （之前的字体备份在.font-spider文件夹）

可以直接访问官网查看，十分简练

转载于:https://www.cnblogs.com/zhangtao1990/p/8882870.html

中文字体压缩器-解决css引入的字体太大的问题相关推荐

css引入外部字体的压缩方法，解决网页加载太慢
最近在做网站的时候,发现大多都是常见字体,想用@font-face引入一些特殊的字体,发现文件太大,动不动几十兆,影响网页加载速度,在网上找了半天,发现大多都是使用一款名字为字蛛的字体压缩器,http ...
中文字体压缩器并且转换(推荐阅读)
字蛛是一个中文字体压缩器官方网站:http://font-spider.org/index.html 用于解决页面引入的css字体过大的问题使用方法: npm i -g font-spider 在 ...
中文字体压缩器——字蛛
网站多处使用中文特殊字体,而导入字体文件随便十几M,做成图片又不好维护,介绍一个简单实用的字体压缩工具. 中文字体压缩器--字蛛 css font-face 引入中文字体必备神器字蛛通过分析本地 C ...
[css] 如何解决css加载字体跨域的问题？
[css] 如何解决css加载字体跨域的问题? 刚才碰到一个css加载字体跨域问题,记录一下. 站点的动态请求与静态文件请求是不同的域名的.站点的域名为 www.domain.com,而静态文件的域名 ...
前端CSS引入外部字体
CSS引入外部字体第一步,在 CSS 中引入字体并给字体取一个合适的名字,如下: <style type="text/css">/* 引入外部字体 */@font-f ...
css引入外部字体文件
1.下载您想要的网站字体 100font.com - 免费字体下载 - 免费商用字体下载网站 2.如果下载的字体文件是TTF格式,不能在网站上直接使用,则需要转换成eot.svg.woff格式,这里提 ...
html如何调用特殊字体,怎样在页面中引入特殊字体呢？
让网页自由引入中文字体成为可能,可能有人会说直接引入字体包,在样式中设置font-family:"XXX"不就好了吗?超级简单呢.. 那我们一起看看字体包的大小(该实例中使用:喜鹊 ...
oracle表空间undotbs1,解决Oracle 表空间UNDOTBS1太大的有关问题
解决Oracle 表空间UNDOTBS1太大的问题 UNDOTBS1是一个回滚表空间,随着数据库的使用,默认会自动扩展.当它增大到一定程度,占用了过多的磁盘空间时,就需要进行清理了.下面就在2种操作系 ...
字蛛（FontSpider，中文字体压缩器）网页自由引入中文字体
之前看过设计师面试一位 Web 前端工程师,其中有一段这样的对话: "如果设计师希望用图片实现某个字体样式,而从技术的角度来说这样不合理,但设计师非常坚持,这时候你怎么办?" &q ...
前端React项目的Next.js项目通过CSS引入自定义字体文件
最近在Web3的项目,需要引入自定义字体,做下记录: 1. 如果是下载的字体文件,直接能使用的就不需要转换,如果是TTF格式则需要转换成eot.svg.woff.woff2,这里提供一个网站Font ...

中文字体压缩器-解决css引入的字体太大的问题

中文字体压缩器-解决css引入的字体太大的问题相关推荐

最新文章

热门文章