js 压缩使用的字体（v3）

已于 2022-11-05 14:29:18 修改
阅读量472 收藏 1
点赞数
分类专栏： 随笔
于 2022-08-22 14:48:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/meis27461/article/details/126465679
版权

javascript

线上项目需要加载字体，但是字体太大了，动辄十几个M，可以使用工具来压缩字体，实际上就是删除了字体中的生僻字什么的，保留了常用字。

1.使用在线压缩工具来压缩字体

网站用的话可以勾选那个转为woff2的选项，字体会更小一些。

点击这个链接 -> 在线字体压缩工具

Yehger
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript字体工具包Font.js.zip
07-17
Font.js 是一个强大的JavaScript字体工具包，可处理字体加载事件、metrics 信息以及更好的画布元素的 measureText 方法，可获取字体高度边框等信息。 在线演示：http://pomax.nihongoresources.com/pages/Font.js/ 示例代码： var font = new Font(); font.onload = function() { // measure some text console.log(font.measureText("some text", 14)); // style an element document.querySelector("p").style.fontFamily = "'" font.fontFamily "'"; } font.onerror = function(e) { alert(e); } // kick off the actual loading font.fontFamily = "My Font"; font.src = "acmesa.ttf"; 标签：Fontjs
php编译二进制,PHP LZW二进制解压缩功能
weixin_35676939的博客
03-09 181
我一直在寻找互联网,并且在PHP中找不到与这些javascript函数输出的数据一起使用的LZW解压缩实现：function lzw_encode(s) {var dict = {};var data = (s + "").split("");var out = [];var currChar;var phrase = data[0];var code = 256;for (var i=1; ic...
压缩字体文件包大小pingfang等通用方法
最新发布
limmt2020的博客
06-20 391
借助python环境，安装fonttools插件：如果运行pip失败，注意看一下自己的环境变量是否错误：在用户环境变量中与python安装目录下scripts相对应。
vue.js自定义LCD字体及字体压缩
elie_yang的博客
06-05 2450
大屏监控中常用到液晶字体效果，如下图所示： 首先下载lcdd.ttf字体； 在 webpack.config.js中设置对.ttf字体模块的处理，webpack视一切文件为模块，.ttf字体文件也不例外 { test: /\.(svg|woff|ttf|eot)\??.*$/, use: [ ...
js-压缩字符串
weixin_47137972的博客
02-21 3312
最近项目中使用到了压缩字符串的功能，在网上查阅了很多，也有很多处理方式。有引入js库的，也有原生的方式完成的。压缩完成后的字符串乱码，如果不想要乱码的字符串可以不用查看了。
前端压缩字体
锦锦_jane的博客
08-10 1430
问题： css引用的字体包体积过大，导致页面加载时间过长，影响用户体验 解决办法 压缩字体 原理：只打包要使用的字符，不用的就不打包，使得字体文件更小 工具：字蛛 使用方法如下： 0.前提：安装node.js 1.npm全局安装font-spider：npm install font-spider -g https://www.cnblogs.com/flower-qh/p/11102256.html http://www.360doc.com/content/18/0925/11/178
datt：个人网站v3
02-20
【标题】"datt：个人网站v3"指的是一个个人网站的第三个版本，可能是由开发者或设计师使用JavaScript技术构建的。这个项目可能包含了网站的设计、交互以及功能的更新和优化，旨在提供更好的用户体验和个人品牌展示。...
Cloudreve V3 的前端.zip
03-01
5. **构建脚本**：如`package.json`和`webpack.config.js`，这些文件用于自动化构建过程，例如编译ES6+ JavaScript、压缩图片、合并和压缩CSS等。 6. **测试文件**：对于一个专业的项目，通常会有单元测试或集成...
XpShop模板V3-002
11-25
这可能是模板的主文件或打包文件，包含了所有必要的资源，如图像、样式表（CSS）、脚本（JavaScript）、字体文件等。解压这个文件后，用户将能够访问到模板的所有组成部分，并在网站构建工具中导入和应用这些资源。 ...
H+ 后台主题UI框架v4.1 带文档 未压缩版
11-30
我从官方988元购买的，保证带文档 未压缩； 文件夹和文件结构: Hplus-v.3.0.1/ ├── css/（css文件夹，包含框架主要css及示例、插件的css文件） ├── docs/（开发文档） ├── fonts/（字体图标，包含Font...
EZUIKit_js_v3.0_build20200720 (2).zip
06-29
EZUIKit_js_v3.0_build20200720 (2).zip 是一个包含 EZUIKit JavaScript 库的版本3.0的压缩文件，发布日期为2020年7月20日。EZUIKit 是专为开发人员设计的一个前端框架，用于快速构建用户界面，特别是针对萤石云平台...
js控制页面字体大小.rar
07-04
js控制页面字体大小
JavaScript字体操作库Plumin.js.zip
07-18
Plumin.js 是一个用在浏览器和 Node.js 上对字体进行操作的 JavaScript 库，示例代码：(function(p) { var font = new p.Font({         familyName: 'Demo',         ascender: 800,         descender: -100     }),     a = new p.Glyph({         name: 'a',         unicode: 'a',         advanceWidth: 496     }),     i = new p.Glyph({         name: 'i',         unicode: 'i',         advanceWidth: 268     }),     o = new p.Glyph({         name: 'o',         unicode: 'o',         advanceWidth: 536     }),     shape; // a contour shape = new p.Path.RegularPolygon({     center: [268, 124],     sides: 3,     radius: 248 }); shape.rotate(180, [268, 124]); shape.scale(1, 1.4, [268, 0]); a.addContour(shape); // i contour shape = new p.Path.Rectangle({     point: [60, 0],     size: [140, 500] }); i.addContour(shape); // o contour shape = new p.Path.Ellipse({     point: [50, 0],     size: [436, 510] }); o.addContour(shape); font.addGlyphs([ a, i, o ]); font.updateOTCommands()     .addToFonts(); })(plumin.paper); 标签：Plumin
关于字体压缩的方案
lxhzz0411的博客
08-21 7026
  方案一、使用 gulp-font-spider 源码：https://github.com/aui/gulp-font-spider 1.安装gulp-font-spider： npm install gulp-font-spider --save-dev 2.在gulpfile.js文件中添加： var gulp = require( 'gulp' ); var fontSp...
对ttf字体文件提取，用于压缩字体文件大小（nodejs）
Danchaofan_23的博客
05-11 986
字体文件压缩
引入字体包（vue 原生js皆适用）
m0_74829310的博客
09-14 560
注意：font-family 后面要跟的是你的蓝湖设计稿上面的字体 src是你的字体包的路径 一定是ttf格式。在static静态资源目录下建一个font文件夹 将字体包放进去。3.在你所需要的位置使用该字体样式 例如我只是局部使用。2.在你要使用的css文件中放入以下代码。首先 我是找UI小姐姐要的字体包。
字体在线压缩
qq_39193364的博客
10-10 3274
https://www.lcddjm.com/font 输入会用到的字体
Node.js字蛛压缩字体Webfont的操作步骤
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
10-18 564
font-spider c:\Users\Administrator\Desktop\demo\index.html C:\Users\Administrator\AppData\Roaming\npm\node_modules\font-spider\node_modules font-spider --debug c:\Users\Administrator\Desktop\font\inde...
中文字体文件过大，降低字体的大小
weixin_44283478的博客
09-02 1751
原理： 删除字体文件中不常使用的字体，然后在全局设置使用字体时候，增加可选免费字体的设置即可 首先吐槽下付费字体，大多数朋友应该都遇到了????，“看着挺正经的字体，可能它不正经”。 ButFak(大驼峰)，大家都找到了替代字体????。 但是，中文字体嘛，文件都大，网站上应用太占用资源了。 解决：即上面的原理。 参考资料： 常用中文字体 删除不常用的字体 使用： 全局安装个插件????，下回继续用 npm i font-spider -g 删除不常用的字体 网站上的文字，尤其是博客类，文字
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值