中文字体压缩器并且转换(推荐阅读)

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

官方网站：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(./庞门正道标题体.ttf); */font-family: customize;src: url('./庞门正道标题体.eot');src:url('./庞门正道标题体.eot?#font-spider') format('embedded-opentype'),url('./庞门正道标题体.woff') format('woff'),url('./庞门正道标题体.ttf') format('truetype'),url('./庞门正道标题体.svg') format('svg');font-weight: normal;font-style: normal;}div {font-family: customize;}</style>
</head>
<body>科技官方<br><div>fksdgfskdf广东省价格反映阿古斯雅思官方呀<br>sdgfafguy 复古一个富有高素养的</div>
</body>
</html>

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

执行命名

　　font-spider index.html

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

(经验证，有效)

中文字体压缩器并且转换(推荐阅读)相关推荐

中文字体压缩器——字蛛
网站多处使用中文特殊字体,而导入字体文件随便十几M,做成图片又不好维护,介绍一个简单实用的字体压缩工具. 中文字体压缩器--字蛛 css font-face 引入中文字体必备神器字蛛通过分析本地 C ...
字蛛（FontSpider，中文字体压缩器）网页自由引入中文字体
之前看过设计师面试一位 Web 前端工程师,其中有一段这样的对话: "如果设计师希望用图片实现某个字体样式,而从技术的角度来说这样不合理,但设计师非常坚持,这时候你怎么办?" &q ...
Oracle的plsql字体,西文字体与中文字体的oracleplsql级别转换
CREATE OR REPLACE PROCEDURE GETaac001(p_aac001 in varchar2,DAT_TRANSDATE OUT DATE, TRANSNUM OUT ...
html 中文字体文件太大,【字蛛】如何压缩体积大的中文字体包
FontSpider:字蛛中文字体压缩器是一个可以让网页自由引入中文字体的源码工具,通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压 ...
使用matplotlib绘制xkcd风格的图表（解决中文字体问题）
XKCD xkcd是兰道尔·门罗(Randall Munroe)的网名,又是他所创作的漫画的名称.作者兰道尔·门罗(Randall Munroe)给作品的定义是一部"关于浪漫.讽刺.数学和语 ...
如何解决中文字体加载缓慢的问题？
问题: html页面外部倒入中文字体文件,字体文件太大导致网站上线后,页面的字加载缓慢出现一系列bug 解决方法: 网上在线云字体 [有字库],直接在线引用,不用下载 https://www.webf ...
中文字体其实也可以用在网页上的
本文转载自http://hxgdzyuyi.github.io/blog/chinese-subset.html 中文字体和 @font-face 对于互联网而言,自定义字体从来不是一个陌生的东西,I ...
html 字体无效,解决css3引入中文字体无效问题（中文字体处理工具整合：字体转换、汉字去重复、字体剪裁）...
==============2017年12月04日更新=============== 之前内容中提到的字体剪裁文件:http://yun.baidu.com/share/link?shareid=41 ...
【ttf 压缩】html网页引用中文字体，文件过大，加载缓慢的解决办法【字蛛】【web font】
[以下有部分内容引用的网络文章] 我们在日常需求中,经常会碰到视觉设计师对某个中文字体效果非常坚持的情况,因为页面是否高大上,字体选择是很重要的一个因素,选择合适的字体可以让页面更优雅.面对这种问题, ...

中文字体压缩器并且转换(推荐阅读)

中文字体压缩器并且转换(推荐阅读)相关推荐

最新文章

热门文章