（字蛛） gulp-font-spider 压缩中文字体遇到的坑

最新推荐文章于 2023-12-11 14:43:38 发布
最新推荐文章于 2023-12-11 14:43:38 发布
阅读量689 收藏 1
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/yanliangnh/p/7373584.html
版权

1、安装插件的时候npm要低于5.0版本，否则装不上

2、安装Python的2.X系列版本 来兼容插件

3、压缩字体的时候不要有英文和空格

4、自定义字体名称的时候不要和系统或者已有的字体名称有命名冲突

转载于:https://www.cnblogs.com/yanliangnh/p/7373584.html

weixin_30687811
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
gulp-font-icon：一个gulp插件，可从SVG文件生成图标字体
02-04
gulp-font-icon gulp-font-icon是一个gulp插件，可从SVG文件生成图标字体。用法首先，安装gulp-font-icon作为开发依赖项： npm install --save-dev gulp-font-icon然后，将其添加到您的gulpfile.js： var fontIcon =...
字蛛（font-spider）教学——ttf/otf字体文件压缩
林啾啾的博客
06-07 6274
win+R打开cmd命令窗口，全局安装font-spider： 查看版本号，查看自己安装是否成功： 第二步、准备好文件夹 在项目外的地方准备一个空文件夹，空文件夹里放进一个html文件（或一个html文件和一个css文件），和完整字体文件 文件目录结构如下： 或 css部分可以写在css文件中，也可以直接写在html文件内 第四步、压缩 在html所在的目录执行命令： 运行结束后，目录结构将变成： .font-spider文件夹里放的是原来的完整的字体文件 myFont就是提取后的文件注：如果二次使用，
使用font-spider解决ttf文件过大问题
qq_36523196的博客
07-06 862
在捣鼓个人网页时，有个模块的字体看着不是那么好看，便找了个觉得看着顺眼的字体下载了放在项目中，字体是变了，但是首次加载时，资源加载时间竟然超过了1分钟，优化势在必行。
使用字蛛压缩字体后在vue组件中使用无效，在控制台发现转换为base64文件了，而且还是 0kb显示，跪求大神破解
wejh233333的博客
03-21 1296
使用字蛛压缩字体后在vue组件中使用无效，在控制台发现转换为base64文件了，而且还是 0kb显示，跪求大神破解 在vue组件样式中引用压缩后的字体，发现没有效果，在netWork中看到字体被转为base64格式了，直接引用没有被压缩的是可以使用的，但是字体文件太大了，不在vue组件中，另创一个html文件使用压缩字体是没有问题的。 下面这张是在vue组件中的字体加载： 这张是直接在html中...
字蛛压缩ttf字体（前端常用）
weixin_45429409的博客
09-10 1290
！！！压缩的只有调用字体的文字 字蛛压缩后有些文字不起作用 字蛛在压缩过程中只将调用字体的文字进行压缩，其他文字将不被压缩 1.准备 在页面中引用字体 <html> <head> <!-- <link rel="stylesheet" href="css/font.css"> --> <style type="text/css"> @font-face { font-family
用字蛛（font-spider）压缩字体，字体大小不变问题。
weixin_45819746的博客
10-13 1948
用字蛛（font-spider）压缩字体1.安装nodejs和npm扩展2. 安装font-spider3.建一个font.css4.再建立一个font.html5.然后开始压缩字体（其实就是把用到的文字挑出来） 1.安装nodejs和npm扩展 请参照https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html 下载路径https://nodejs.org/en/download/ 安装的时候选择add to PATH 这样node n
gulp-font-blast：食尸鬼font-blast
02-04
gulp-font-blast 将svg字体文件转换为svg符号定义 如果您以前从未使用过 ，请务必查看《指南》-它说明了如何创建 。 您也可以查看Gulp的或搜索其他Gulp。 熟悉该过程后，可以使用以下命令安装此插件： npm install...
gulp-font2css:使用 Gulp 将字体文件编码为 CSS @font-face 规则
05-30
gulp-font2css 使用字体文件编码为 CSS。 该插件自动将字体文件转换为一系列@font-face声明，其中包含以 base64 编码的每种字体。 它的灵感来自 Jaime Caballero 的 。 然后使用生成的 CSS 文件来实现 web 字体的...
gulp-rev-delete-original：删除由gulp-rev重写的原始文件
02-04
gulp-rev-删除-原始 删除由或重写的原始文件。 安装 npm install --save-dev gulp-rev-delete-original 用法 var gulp = require ( 'gulp' ) ; var rev = require ( 'gulp-rev' ) ; var revcss = require ( 'gulp-...
gulp-zip:ZIP压缩文件
05-06
gulp-zip ZIP压缩文件 安装 $ npm install --save-dev gulp-zip 用法 const gulp = require ( 'gulp' ) ; const zip = require ( 'gulp-zip' ) ; exports . default = ( ) => ( gulp . src ( 'src/*' ) . pipe ...
自定义字体（艺术字）压缩 font-spider
weixin_42284117的博客
02-02 366
font-spider官方文档叫字蛛。 用font-spider压缩字体原理就是，将项目中用到的字体单独压缩，没有用到的字体不放入压缩文件中，使字体文件变小，所以此种方法就有一个弊端就是无法压缩动态生成的文字。 准备：node环境（可能是废话…） 具体过程如下： 一、全局下载font-spider npm install font-spider -g 二、新建一个文件夹，文件夹下新建index.html、index.css，并且将原字体文件放到文件夹下 在index.css声明该字体 @font-face
使用字蛛压缩遇到的问题
2301_79303289的博客
12-11 634
开发APP时ui给的字体包有60多兆，太大了，页面加载都需要大量时间，所以想着进行压缩，在网上看了很久字体的压缩方法，决定用字蛛，好用爱用多用，压缩后只有几十kb，但是刚开始压缩不成功，以下是遇到的问题，用的是hbuilderx。
Vue3——压缩字体font-spider，完美解决字体压缩后会出现字体消失现象
NanChen的博客
09-21 5417
打包出现字体文件过大怎么办？压缩字体后出现问题怎么办？来看这篇文章哦~
vue项目优化打包 压缩字体文件,使用字蛛(font-spider)
范天缘的博客
03-05 3941
1.安装 npm install font-spider -g 2.查看版本: font-spider -v 出现版本号就代表成功 3.因为vue打包项目生产的文件后缀都会生成动态字符,所以我们在存放字体的文件夹里面新建一个index.html，引入字体文件,字蛛会帮我们自动检测 4.cmd进入font文件夹,输入命令font-spider index.html 5.成功,对比字体前后大小 从10m变成了2k,优化度极高 6.现在查看打包前后体积 21m变成了6m(我项目中优化了三个字体文
字蛛 font-spider 压缩字体使用方法
白豆的微博
03-04 5787
1、 npm install font-spider -g 安装字蛛 2、 css样式表中引入 @font-face 例如： /* 汉仪力量黑字体 */ @charset “UTF-8”; @font-face { font-family: “HYLiLiangHeiJ”; src: url(“../fonts/HYLiLiangHeiJ.woff”) format(“woff
vue-使用字蛛font-spider压缩字体文件 解决字体加载慢问题
yyanglirong的博客
01-03 1211
特殊字体
font-spider 压缩字体文件 html vue
TWL1203的博客
09-21 1506
font-spider 压缩字体 vue html
字蛛font-spider报错 web font not found
刘婉君的博客
05-07 1831
我的解决方案：每次压缩就压缩一个字体 就好了
字体压缩：font-spider
Miss_Y0的博客
11-15 405
后续可以把.font-spider 文件夹以及临时新建的 index.html 文件删除，在样式文件中直接引入使用。命令执行完成后会看到新增了一个 .font-spider 文件夹，这里边保存的是源字体包文件，而外边的是压缩后的。
Error: Cannot find module 'gulp-uglify
最新发布
06-14
当你遇到 "Error: Cannot find module 'gulp-uglify'" 这个错误时，它通常意味着Node.js在尝试运行一个依赖了 `gulp-uglify` 模块的Gulp任务时，找不到这个模块。`gulp-uglify` 是一个Gulp插件，用于压缩JavaScript...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值