font-spider(字蛛) 让页面引入中文web字体
简介
官网:http://font-spider.org
Github:https://github.com/aui/font-spider
我们就可以将我们喜欢的字体包下载下来,然后使用font-spider,它就会自动筛选出我们网页的文字,然后对应的删减字体包中除这些字以外的字,于是!剩下包的大小就很客观了!!
如何使用
- npm 安装 font spider
npm install font-spider -g
- 下载你需要的字体并且使用在页面中,此处以思源字体为例
@font-face {font-family: 'KaiGenGothicSC-Light';src: url('../font/join/KaiGenGothicSC-Light.eot');src:url('../font/join/KaiGenGothicSC-Light.eot?#font-spider') format('embedded-opentype'),url('../font/join/KaiGenGothicSC-Light.woff') format('woff'),url('../font/join/KaiGenGothicSC-Light.ttf') format('truetype'),url('../font/join/KaiGenGothicSC-Light.svg') format('svg');font-weight: normal;font-style: normal;
}
- 使用字体
body{font-family: 'KaiGenGothicSC-Light';
}
- 执行font-spider命令压缩字体
需要在页面所载目录调用一下这个font-spider才会生效
font-spider index.html
font-spider(字蛛) 让页面引入中文web字体相关推荐
- 字蛛(FontSpider,中文字体压缩器)网页自由引入中文字体
之前看过设计师面试一位 Web 前端工程师,其中有一段这样的对话: "如果设计师希望用图片实现某个字体样式,而从技术的角度来说这样不合理,但设计师非常坚持,这时候你怎么办?" &q ...
- 造字工房全套正版精美中文设计字体免费下载使用 (个人非商用/全集打包)
造字工房是一个专注于中文字体设计的团队,它们的字体作品中基本上每款都是精品!最近他们做出了一个非常值得称赞的举动,就是将造字工房全套的正版中文字体免费提供下载! 下载地址如下: http://www ...
- 中文字体压缩器——字蛛
网站多处使用中文特殊字体,而导入字体文件随便十几M,做成图片又不好维护,介绍一个简单实用的字体压缩工具. 中文字体压缩器--字蛛 css font-face 引入中文字体必备神器 字蛛通过分析本地 C ...
- 字体文件压缩——字蛛(FontSpider)
简介 字蛛(FontSpider) 是一个中文字体压缩器: 字蛛通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,同时生成跨浏览器 ...
- Android 添加中文medium字体
2.1 Android字体显示框架图 Android显示字体medium字体主要流程: a).View布局文件或者代码中选择medium字体 b).Framework根据View设置的字体选择相应me ...
- 【ttf 压缩】html网页引用中文字体,文件过大,加载缓慢的解决办法【字蛛】【web font】
[以下有部分内容引用的网络文章] 我们在日常需求中,经常会碰到视觉设计师对某个中文字体效果非常坚持的情况,因为页面是否高大上,字体选择是很重要的一个因素,选择合适的字体可以让页面更优雅.面对这种问题, ...
- html 中文字体文件太大,【字蛛】如何压缩体积大的中文字体包
FontSpider:字蛛中文字体压缩器是一个可以让网页自由引入中文字体的源码工具,通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压 ...
- 记一个小工具——font-spider(字蛛-css压缩中文字体字体)
font-spider 链接 用处 安装和用法 链接 先上一个官方链接吧 字蛛 再来一个Git地址字蛛Git地址 用处 这是一个压缩中文字体的小工具,用于前端开发过程中页面需要特定的文字,这些文字要是 ...
- 字蛛的用法以及遇到的问题
字蛛是一个中文字体压缩器,可以压缩字体文件,从而解决加载缓慢的问题.字蛛通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,同时生成 ...
- 字蛛fontSpider的使用
字蛛官方文档 http://font-spider.org/index.html 首先安装全局包 npm install font-spider -g 然后下载字体 ,本次需要的是 "造 ...
最新文章
- Java的小实验——各种测试以及说明
- 【FPGA】单端口RAM的设计(异步读、异步写)
- Interview Q A 程序会在哪一行死掉
- 逻辑分析仪上位机DSview的简单触发设置
- rabbitmq常用的五种模型
- android 多布局
- Linux—磁盘和文件系统管理(二)
- react withRouter 离开页面触发
- mac上latex生成不了pdf_Mac 10.8 下安装Sphinx并支持生成中文PDF
- [SPDK/NVMe存储技术分析]015 - 理解内存注册(Memory Registration)
- web前端vue融云即时通讯上手
- endnote修改正文中参考文献标注_如何用endnote修改毕业论文后参考文献格式为毕业手册要求格式...
- 用python爬取微博评论数据,爬虫之路,永无止境。。(附源码)
- Kindle 3---中文越狱之路
- 民办教育未来10年的发展趋势
- 《日语综合教程》第七册 第五課 読み物 雄弁な寡黙
- 不为人知的腾讯创业史---蜗牛创业网
- Saturn Console部署图文示例
- SpringBoot+Mybatis+swagger2 简单的增删改查
- imba 为什么那么快?
热门文章
- 世界是平的,这本书主要是写给美国人看的
- 驱动调试(六)利用中断打印
- 【bzoj3298】[USACO 2011Open]cow checkers(博弈论)
- ES6的一个基础类,支持私有属性和方法,支持event和mix
- 面向实时嵌入式系统的图形用户界面支持系统――MiniGUI 背景,发展及优势
- Atlas Control Toolkit更新发布V1.0.60914.0
- 67. 可伸缩的 Comet
- 27. 面向对象程序设计(2)
- maven学习七之用户密码修改和添加用户
- Windows系统命令整理-Win10