精华内容
下载资源
问答
  • 压缩字体包工具

    2018-11-15 14:33:12
    对应与博客“福利来了 -- 压缩字体包工具”说明使用,功能和网上很多字体压缩工具一样,但是使用起来简单很多。资源分是我没分了,希望大家贡献一点,使用不懂的在博客下留言。
  • vue压缩字体

    千次阅读 2019-01-15 14:33:55
    由于制作H5页面,需求要设置炫一点的字体,但是字体包太大加载太慢,所以出现了特殊字体压缩与字蛛的使用 原理:把需要的字的字体保存,用不到的字的字体清除 实现: 1.下载好你需要的字体 2.在项目中新建一个...

    由于制作H5页面,需求要设置炫一点的字体,但是字体包太大加载太慢,所以出现了特殊字体压缩与字蛛的使用

    原理:把需要的字的字体保存,用不到的字的字体清除

    实现:

    1.下载好你需要的字体

    2.在项目中新建一个页面,利用一个标签输入所有你要用到的特殊文字(vue 的话可以直接在index.html写,后面再删除即可)

    
    <style>
            @font-face{
                font-family: "FZZZHUNHJW";  //为字体命名
                src: url("./src/common/font/FZZZHUNHJW.ttf");  //自己下载的字体  
            }
            .customFont{
                font-family: FZZZHUNHJW;   //指定类使用该字体
            }
    </style>
    
    
    <div class="customFont">//指定类使用该字体
        我爱你,你知道吗?
    </div>

    3.

    //终端输入
    font-spider ./*.html    //  ./*.html   的意思就是查找所有的html,class为customFont的标签内所有字保存字体,,,如果是在vue的index.html使用的话,直接写  ./index.html   大概明白吧,写哪指哪

    4.最后会在你原本字体路径下生成一个文件夹,文件夹内就是你指定文字的字体,你就可以拷贝出来放哪都随你,直接使用了
    5.参考文章:https://blog.csdn.net/qq_33744228/article/details/80613496

    展开全文
  • HTML字体压缩

    2018-08-31 16:39:54
    字体压缩 HTML
  • 福利来了 -- 压缩字体包工具

    千次阅读 2018-11-15 14:34:03
    网上关于压缩字体包的工具和教程都太麻烦了,使用gulp-font-spider还有一大堆设置,今天分享一个压缩字体包的工具,自己写的python脚本,配合sfnttool.jar包做字体压缩。很简单的。 1、先来解析一下代码,谁想拿去用...

    网上关于压缩字体包的工具和教程都太麻烦了,使用gulp-font-spider还有一大堆设置,今天分享一个压缩字体包的工具,自己写的python脚本,配合sfnttool.jar包做字体压缩。很简单的。
    1、先来解析一下代码,谁想拿去用的自己根据提示改一下代码就可以了。

    #!/usr/bin/env python3
    # -*- coding: UTF-8 -*-
    import os
    import codecs
    import argparse
    import sys
    reload(sys)
    sys.setdefaultencoding('utf8')
    # 读取文件里使用到的字体
    def readFile(path): 
        fd = open(path)
        line = fd.readline()
        string = ""
        while line:
            s = line.find(':')
            e = line.find(',')
            if s != -1: 
                if e == -1: 
                    e = len(line)
                sub = line[s + 1:e]
                chinaCode = sub.encode('utf8').decode('unicode_escape')
                for char in chinaCode: 
                    if (string.find(char) == -1 and char != '"' and char != ' '):
                        string = string + char
            line = fd.readline()
        fd.close()
        return string
    
    # 添加英文字和特殊字符
    def addChar(string): 
        string = string + "1234567890qwertyuiopasdfghjklzxcvbnmQWERTYUIOPLKJHGFDSAZXCVBNM:,./?%"
        return string
    
    # 导出字体命令
    def exportFont(string, originFont, outFont):
        cmdStr = 'java -jar sfnttool.jar -s "%s" %s %s' % (string, originFont, outFont)
        os.system(cmdStr)
        print("export " + outFont + " font complete")
    
    # 将原路径下的所有字体全部压缩成新字体
    def run(filePaths, originPath, outPath):
        string = ""
        for filePath in filePaths:
            string = string + readFile(filePath)
        string = addChar(string)
        fonts = os.listdir(originPath)
        for font in fonts: 
            if(font.find('.ttf') != -1 or font.find('.OTF') != -1):
                # 字体
                print(font)
                oldFont = os.path.join(originPath, font)
                outFont = os.path.join(outPath, font)
                exportFont(string, oldFont, outFont)
    
    if __name__=='__main__':
        filePathCn = "../../../game/resource/assets/config/zhcnTxt.json"		#这里是你想获取的原字的文件地址,填写你自己的文件地址就可以了
        # filePathTw = "../../../game/resource/assets/config/zhtwTxt.json"
        filePaths = [filePathCn]    # 这里是可以做多个文件同时更换
        originPath = "./origin_fonts"    #这里存放的是你想压缩的原字体库文件夹
        outPath = "./output_fonts"    #这里是你想转换后的文件路径
        run(filePaths, originPath, outPath)
    

    看着上面的注释,将对应的地方改过来,就可以了。

    上面是代码,你拷过去的时候一定要注意python的格式对不对,在sublime中打开,每行前面是…这种就是对的,是——就是格式有问题,你直接在前面打空格就可以了
    在这里插入图片描述

    2、在终端中执行python exportFont.py就可以了
    使用示例和demo我已经放到资源了,自己去下就好了,使用不明白的直接问。

    展开全文
  • >可用作APK字体压缩 用于提取仅需要的美化文字,来压缩assets下的字体文件大小。 Download FontZip.jar FontZip32.exe FontZip64.exe 历史版本和其他下载链 Gif FontZip2 使用说明: Windows下运行run.bat,选...
  • 目前做的一个vue项目当中引入了外部的字体文件,打包之后测试发现加载过慢,需等待较长时间才能看到效果,特此记录在vue项目中压缩字体的操作. 安装字蛛 字蛛是一个中文字体压缩器,通过分析本地 CSS 与 HTML 文件...

    目前做的一个vue项目当中引入了外部的字体文件,打包之后测试发现加载过慢,需等待较长时间才能看到效果,特此记录在vue项目中压缩字体的操作.

    安装字蛛

    字蛛是一个中文字体压缩器,通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,同时生成跨浏览器使用的格式。
    安装方法

    npm install font-spider -g
    

    使用方法

    首先在项目录当中创建一个font.html文件,并且在static文件夹下创建一个font.css文件,目录文件如图:
    目录结构
    font.css文件的代码如下图所示:
    font.css文件代码图示

    @font-face {
      font-family: 'myFont';
      src: url('./regular.ttf');
    }
    #h {
      font-family: 'myFont';
    }
    

    font.html文件的代码如下图所示:
    font.html文件代码图示

    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <link rel="stylesheet" href="./static/font.css" />
      </head>
      <body>
        <h1 id="h">安全高收益</h1>
      </body>
    </html>
    

    font.html里的h1标签id对应着font.css里的文字样式

    接着在项目目录下执行命令行:

    font-spider ./font.html
    

    这里的font.html就是刚刚创建的文件

    执行完成之后会自动生成一个压缩之后的字体文件,通过下图可以看到压缩的效果还是非常明显的。
    big为源文件,另一个为压缩之后的文件
    完成之后在需要使用字体的vue页面引入使用即可
    字体使用

    End

    展开全文
  • 如果网页引用了特殊字体,而且字体文件较大,页面响应速度会有延迟,字蛛插件可以通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,同时生成跨浏览器使用的...

    如果网页引用了特殊字体,而且字体文件较大,页面响应速度会有延迟,字蛛插件可以通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,同时生成跨浏览器使用的格式,从而在不影响网页效果的前提下,加快网页响应速度。使用方法如下:

    1.先安装运行Node.JS

    2.安装字蛛插件font-spider,命令为:

    npm install font-spider -g

    或者

    cnpm install font-spider -g

    3.创建一个包括有特殊字体文件的HTML页面,文字格式为:ttf

    4.字体压缩

    在项目目录下Shfit+右键,

    或者在当前窗口地址栏输入:cmd

    在打开的命令窗口运行命令:

    font-spider ./*.html

    意思是压缩当前文件夹下所有html所引用的字体

     

    5.查看压缩结果

    由图可见已经把原来3M多的字体压缩为8K大小的字体文件了。

     

    字蛛官网地址:http://font-spider.org/#use

    展开全文
  • 用字蛛(font-spider)压缩字体1.安装nodejs和npm扩展2. 安装font-spider3.建一个font.css4.再建立一个font.html5.然后开始压缩字体(其实就是把用到的文字挑出来) 1.安装nodejs和npm扩展 请参照...
  • Unity通过压缩字体减小包体大小

    千次阅读 2019-12-07 11:08:43
    前言 原本的Android包体有230M,对于一款休闲解密类手游来说体积有点太大了,通过一张张仔细压...ReportBuild,发现字体竟然占了17M。于是就有了这篇博客。 准备工具 FontZip(可以在百度上找到,如果找不到可以给我...
  • 痛点 前端开发的同学,我们经常会碰到需要还原设计稿中的特殊字体。我们可能会采用两种方案 使用photoshop将文本图层单独导出成图片;...我们可以采用 Font-Spider (字蛛) 来对字体文件进行压缩。 ...
  • 字蛛(font-spider)压缩字体

    千次阅读 2019-06-04 15:56:30
    字蛛(font-spider)压缩字体 因项目需求使用自定义字体,发现页面加载很慢,字体在8m左右,所以使用font-spider压缩字体大小,提升页面加载速度。 1. 安装node ,npm 请参照...
  • 使用字蛛压缩字体文件

    千次阅读 2018-05-31 16:59:13
    现在的web页面多多少少会用到特殊字体。在pc一般没什么感觉。但是在手机上打开就会发现由于字体文件太大,不仅影响页面加载速度,也浪费了不少流量。 这样,字蛛就诞生了。 使用前要先安装字蛛,前提要先安装npm噢...
  • 在本篇文章中给大家详细讲述了node字体压缩插件font-spider的用法的相关知识点内容,有需要的朋友参考下。
  • font-spider压缩字体文件--vue项目用法

    千次阅读 2019-07-03 14:56:52
    这个只能压缩固定的文字,如果有需要用到的不在压缩范围文字可能还会显示系统字体; 确保电脑上有node.js 首先安装font-spider: npm install font-spider -g 然后再桌面上新建一个文件夹index,文件夹内部结构...
  • fontmin字体压缩工具

    2020-12-31 09:31:08
    fontmin字体压缩工具windows 64位版本
  • 提供了四个字重的压缩版,font-family 定义如下: 苹方-简 常规体 font-family: PingFangSC-Regular, sans-serif; 苹方-简 细体 font-family: PingFangSC-Light, sans-serif; 苹方-简 中黑体 font-family: PingFang...
  • 使用字蛛压缩字体后在vue组件中使用无效,在控制台发现转换为base64文件了,而且还是 0kb显示,跪求大神破解 在vue组件样式中引用压缩后的字体,发现没有效果,在netWork中看到字体被转为base64格式了,直接引用没有...
  • 今天小编就为大家分享一篇vue项目引入字体.ttf的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 如果Vue项目要用压缩字体,用fontmin 。 官网http://font-spider.org 按需压缩:从原字体中剔除没有用到的字符,可以将数 MB 大小的中文字体压缩成几十 KB 简单可靠:完全基于 HTML 与 CS...
  • 压缩TTF文件

    2019-04-03 16:22:43
    有时项目中的字体文件太大消耗资源,项目中只用到有限的几个字,本文件可通过输入要保留的字来进行文件缩减。
  • 字体在线压缩

    2020-10-10 17:10:02
    https://www.lcddjm.com/font 输入会用到的字体
  • ttf字体压缩

    万次阅读 2018-11-05 17:18:55
    html网页引用中文字体,文件过大,加载缓慢的...安装成功之后就开始压缩了 我的css &amp;amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;amp;gt; @font-face { font-family: MMT; src: u...
  • 字体压缩方法

    2020-05-30 09:06:32
    http://font-spider.org/ 先安装font-spider,官网介绍的很详细了。 切换到index.html路径下。然输入font-spider ./index.html 即可完成压缩
  • 字体压缩

    千次阅读 2018-12-11 17:28:20
    字体压缩 一. 在一个项目中,一定要用到华康娃娃体做一个效果,但是这个字体下下来有2.55MB,这显然是不行的,于是上网找了一波干货,如下: 字体压缩的原理就是你要使用的字符单独拿出来,不用的就不包含,这样就...
  • CSS中使用自定义字体,首先需要下载你需要的字体ttf或者otf文件 这里推荐一个网站:http://www.zitixiazai.org/ /********css中********/ @font-face{ font-family:'test' //自定义字体名称 src:url('') //...
  • 字蛛 font-spider 压缩字体使用方法

    千次阅读 2018-03-04 12:52:54
    1、 npm install font-spider -g 安装字蛛 .../* 汉仪力量黑字体 */ @charset “UTF-8”; @font-face { font-family: “HYLiLiangHeiJ”; src: url(“../fonts/HYLiLiangHeiJ.woff”) format(“woff
  • css引入自定义字体 字体压缩

    千次阅读 2019-07-23 23:03:18
    随便一个网站下载字体: https://www.fontke.com/ 再随便一个网站字体转换格式: https://www.fontke.com/tool/convfont/ 效果: <!DOCTYPE html> <html> <head> <meta charset...
  • 有时候项目中的字体文件太大,很多字用不到,会造成存储空间的浪费。 本工具可以通过筛选文本条件,缩减ttf文件大小。 步骤: 1.根据项目需求,筛选出所有的中文字 2.精简ttf文件大小
  • vue 字体压缩

    2020-09-09 10:20:24
    压缩只是把自己所要用的文字挑选出来,其余文字删除,所以压缩后体积比较小,弊端就是只适合固定页面的文字显示,一单页面的文字发生变化,字体效果就没有了,需要重新压缩字体压缩方法参考以下链接: ...
  • 我这里安装的是全局的webpack 在执行的时候 只需...今天说的是压缩 图片和字体等资源 举个例子:在css文件中引入 图片 .box{ width: 200px; height: 200px; background: #000066; transition: 0.5s; backgroun...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 67,460
精华内容 26,984
关键字:

压缩字体