html 中文字体文件太大,【字蛛】如何压缩体积大的中文字体包

news/2024/11/7 20:43:26/

FontSpider:字蛛中文字体压缩器是一个可以让网页自由引入中文字体的源码工具,通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,同时生成跨浏览器使用的格式。

安装

npm install font-spider -g

在html中使用字体

在 CSS 中声明字体

/*声明 WebFont*/

@font-face {

font-family: ‘pinghei’;

src: url(‘../font/pinghei.eot’);

src:

url(‘../font/pinghei.eot?#font-spider’) format(’embedded-opentype’),

url(‘../font/pinghei.woff’) format(‘woff’),

url(‘../font/pinghei.ttf’) format(‘truetype’),

url(‘../font/pinghei.svg’) format(‘svg’);

font-weight: normal;

font-style: normal;

}

/*使用选择器指定字体*/

.home h1, .demo > .test {

font-family: ‘pinghei’;

}

压缩 WebFont

命令font-spider [options]

支持通配符,例如:font-spider dest/*.html

224b11762ed74592.png

font.png

注意:实际上是把字体文件拷贝一个副本并把没有使用到的字体清除掉,从而减少字体文件大小。

Options

-h, –help 输出帮助信息

-V, –version 输出当前版本号

–info 仅提取 WebFont 信息显示,不压缩与转码

–ignore 忽略的文件配置(可以是字体、CSS、HTML)

–map 映射 CSS 内部 HTTP 路径到本地

–debug 开启调试模式

–no-backup 关闭字体备份功能

–silent 不显示非关键错误

–revert 恢复被压缩的 WebFont


http://www.ppmy.cn/news/241169.html

相关文章

Ubuntu 安装中文字体

解决办法: 安装 文泉驿字体 sudo apt-get install ttf-wqy-microhei #文泉驿-微米黑 sudo apt-get install ttf-wqy-zenhei #文泉驿-正黑 sudo apt-get install xfonts-wqy #文泉驿-点阵宋体 --------------------- 作者:Magiczl 来源&#xff1…

Debian中文字体包

俺把四个常用的字体打了包,有兴趣的朋友可以用如下的source和命令安装: deb http://211.100.7.181/~liling/debian/ttfonts/ ./ apt-get install ttf-microsoft-simsun ttf-microsoft-simhei apt-get install ttf-microsoft-simyou ttf-microsoft-siml…

Unity 中 创建 TextMeshPro 中文字体(含常见汉字 TXT 文件)

TextMeshPro是个好东西,但是原生不支持中文,需要把中文字体转换为TextMeshPro才可以使用,即创建TextMeshPro中文字体,为TextMeshPro添加中文支持。(文章内含 常见中文字英文单词符号 txt 文件下载地址。) …

Linux中Debian版中安装中文字体

转载于https://my.oschina.net/winHerson/blog/176990 本人查找了很多方法后,最后觉得好用的还是链接的这一版,以下内容是根据链接内容的基础加入的许多细节步骤。 1、先查看是否有中文语言环境 locale -a 结果会显示你的电脑已经安装的语言环境&…

教你如何安装字体包 ——思源免费商用字体

字体安装目录 一、下载安装包二、安装具体步骤 一、下载安装包 点击下方链接下载思源免费商用字体 ⭐️ https://download.csdn.net/download/qq_44830040/14411997 下载完成后是如图所示的压缩包 二、安装具体步骤 把下载好的安装包放入一个位置(我放在了&…

【字体包】如何精简字体包

背景介绍: 设计师老说我们的效果和设计图相差很大, 然而这不是必然的么,因为他用的是思源黑体,而我们用的是系统自带的微软雅黑。 不是没考虑过用字体包,然而「中文字体包太大了,动辄好几MB,…

Linux安装中文字体

前言 Linux系统默认是没有中文字体的,这就导致我们在做一些开发的时候容易出现中文字符乱码的现象,如图: 上图中只有数字和字母显示了,中文字符显示乱码,所以可以确定不是程序导致的乱码,而是因为linux系统…

linux如何安装中文字体库

Linux字体文件放在/usr/share/font/,只要将字体文件拷贝到这里就可以了。 这里示例安装Windows的所有字体。 1,新建路径存放字体库:/usr/share/fonts/ 2,进入Windows下> 的字体库目录c:\windows\Fonts。复制字体库到创建好的字…