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

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

    千次阅读 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我已经放到资源了,自己去下就好了,使用不明白的直接问。

    展开全文
  • 各种字体打包合集

    2019-01-28 10:50:35
    十多种字体打包合集,为了让我们在编程或者字体安装时,引用或安装ttf格式字体
  • vue 字体包压缩

    2020-09-09 10:20:24
    一个字体包,可以想象成一个压缩包,这个压缩包内包含6w多个文字,每个文字是一个矢量图。压缩只是把自己所要用的...字体包压缩方法参考以下链接: https://blog.csdn.net/qq_43364234/article/details/100518021 ...

    一个字体包,可以想象成一个压缩包,这个压缩包内包含6w多个文字,每个文字是一个矢量图。压缩只是把自己所要用的文字挑选出来,其余文字删除,所以压缩后体积比较小,弊端就是只适合固定页面的文字显示,一单页面的文字发生变化,字体效果就没有了,需要重新压缩。

    字体包压缩方法参考以下链接:

    https://blog.csdn.net/qq_43364234/article/details/100518021

    展开全文
  • 在进行网页设计时,设计...英文字体包只需要26个字母和一些标点符号,就基本能完成英文文本的显示,所以字体包就比较小,一般在几十k左右,而中文字符数量庞大,字体包的文件大小能达到几M甚至十几M,这对于网页加载...

          在进行网页设计时,设计师会经常用到很多造型各异的字体,来提升设计作品的逼格,但在前端代码实现网页设计稿时,由于系统默认或者用户安装的字体格式比较有限,很多特殊字体无法显示出设计效果,此时就需要引入特殊字体包,英文字体包只需要26个字母和一些标点符号,就基本能完成英文文本的显示,所以字体包就比较小,一般在几十k左右,而中文字符数量庞大,字体包的文件大小能达到几M甚至十几M,这对于网页加载来说无疑是个沉重的负担。好在现在已经有了很多开源的插件,来压缩中文字体包的大小,基本原理都是,检测页面中用到的中文字符,对其他没有使用到的中文字符进行删除,进而达到精简字体包的效果。由于这些插件的使用需要事先知道需要展示的中文字符,所以这种做法只适合于,页面需要用到特殊字体的内容固定,不经常变动的情况。经过比较目前本人使用了百度提供的Fontmin插件,这里是该插件的快速指南

         使用步骤

         1、借助npm 的包管理工具下载插件(需要提前安装node)

    全局安装
    npm install -g fontmin
    
    或者在自己的项目中安装(推荐)
    npm install fontmin
    

    2、新建fontmin.js文件,代码内容如下:

    var Fontmin = require('fontmin');//引入插件,当第一步中,使用全局下载的插件,这里路径要注意匹配,否则后面运行时会报找不到模块的错误,所以建议使用第二种:下载到当前项目的依赖中,本文件(fontmin.js)也建在当前项目目录下
    
    var srcPath = '../fonts/tiantianquan.ttf'; // 字体源文件路径,需要保证该ttf文件存在
    var destPath = '../fontmin';    // 字体输出路径
    var text = '游戏步骤介绍联系我们';//这里进行配置需要用到的字符,可以是中文或英文字母
    
    // 初始化
    var fontmin = new Fontmin()
        .src(srcPath)               // 输入配置
        .use(Fontmin.glyph({        // 字型提取插件
            text: text              // 所需文字
        }))
        .use(Fontmin.ttf2eot())     // eot 转换插件
        .use(Fontmin.ttf2woff())    // woff 转换插件     
        .use(Fontmin.ttf2svg())     // svg 转换插件
        .use(Fontmin.css())         // css 生成插件
        .dest(destPath);            // 输出配置
    
    // 执行
    fontmin.run(function (err, files, stream) {
    
        if (err) {                  // 异常捕捉
            console.error(err);
        }
    
        console.log('done');        // 成功
    });

     3、使用命令行执行fontmin.js 文件

    node fontmin.js

    执行成功后,显示done。在你设置的字体输出路径中,应该会生成相应的ttfwoffeotsvg 等格式的精简后的文件和一个css文件,将css中的内容复制到,你自己需要引入特殊字体的css文件中,并检查保证引入的文件路径正确。至此一般生成的文件包都在几k或十几k左右,是网页加载所能承受的。

    此插件稍微的灵活之处在于,可对需要用到的字符进行配置,甚至可以把字体转为 base64 嵌入到 css 中,对于小范围的固定文案改动还是能适用的,但对于大篇幅文本字符改动或动态生成的文本内容,就比较鸡肋了。

    展开全文
  • HTML字体压缩

    2018-08-31 16:39:54
    字体压缩 HTML
  • ttf字体压缩

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

    html网页引用中文字体,文件过大,加载缓慢的解决办法
    效果


    安装nodeJs

    这个不多说,都有。

    安装字蛛

    输入命令

    npm install font-spider -g
    

    运行

    安装成功之后就开始压缩了
    在这里插入图片描述

    我的css

    <style type="text/css">
          @font-face {
            font-family: MMT;
            src: url("font/MMT_579767_SOAJ0_0.ttf");
          }
        </style>
    

    生成新的字体库,命令行输入

    font-spider C:\Users\李瑞豪\Desktop\love\index.html
    

    ng)

    链接:
    http://font-spider.org

    展开全文
  • >可用作APK字体压缩 用于提取仅需要的美化文字,来压缩assets下的字体文件大小。 Download FontZip.jar FontZip32.exe FontZip64.exe 历史版本和其他下载链 Gif FontZip2 使用说明: Windows下运行run.bat,选...
  • CSS中使用自定义字体,首先需要下载你需要的字体ttf或者otf文件 这里推荐一个网站:http://www.zitixiazai.org/ /********css中********/ @font-face{ font-family:'test' //自定义字体名称 src:url('') //...
  • css引入自定义字体 字体压缩

    千次阅读 2019-07-23 23:03:18
    随便一个网站下载字体: https://www.fontke.com/ 再随便一个网站字体转换格式: https://www.fontke.com/tool/convfont/ 效果: <!DOCTYPE html> <html> <head> <meta charset...
  • 苹方字体完整版全套字体包字体包文件。可用于更改前端字体,系统字体等。
  • 前端性能优化——字体文件压缩

    千次阅读 2020-06-07 17:18:01
    字蛛是一个字体压缩器,它的工作原理,是将我们页面上使用到的字体,抽取到字体文件中。这样就缩小了字体文件。 字蛛支持压缩的文件格式暂时为ttf。 二、ttf字体文件准备 我之前在做字体压缩时,字体源文件为otf...
  • Unity通过压缩字体减小体大小

    千次阅读 2019-12-07 11:08:43
    原本的Android体有230M,对于一款休闲解密类手游来说体积有点太大了,通过一张张仔细压图之后成功缩小到了107M。虽然已经减少一半以上的大小,但是对于强迫症患者还是想减小到100M以下。通过查看Console->...
  • android 开发字体包

    2017-05-22 09:04:40
    压缩包包含以下字体包,可以在安卓开发中使用: Roboto-Black,Roboto-BlackItalic,Roboto-Bold,Roboto-BoldItalic,Roboto-Italic,Roboto-Light,Roboto-LightItalic,Roboto-Medium,Roboto-MediumItalic,Roboto-...
  • 提取仅需要的美化文字,来压缩 assets 下的字体文件大小
  • 字体包过大,字体包通常在几MB,严重拖累页面加载速度 分析: 文本内容为固定内容,不需要更新 文本内容大多为常用文字,大多文字用不上 插件: font-spider node 安装插件方法:npm install font-sp...
  • 使用 字蛛 对ttf字体文件进行压缩

    千次阅读 2019-07-29 11:31:57
    但是下载下来的字体文件有近20MB,直接放到网页上需要加载很久,因为字体文件包含了几乎所有的中文字符,但是网页用不了那么多的字,所以下面使用 字蛛 工具对tff文件进行压缩,实际就是提取你网页中用到的汉字,...
  • font-spider压缩字体文件--vue项目用法

    千次阅读 2019-07-03 14:56:52
    这个只能压缩固定的文字,如果有需要用到的不在压缩范围文字可能还会显示系统字体; 确保电脑上有node.js 首先安装font-spider: npm install font-spider -g 然后再桌面上新建一个文件夹index,文件夹内部结构...
  • 压缩之后的输出字体内容— 4、打开其中压缩生成的css文件 内容: 将里面的内容复制到你所需要使用的地方,或者放在一个文件里面并在App.vue中全局引用 (注意修改相对路径) 其中字体名称字可以自己改变, 博主...
  • 1 根据输出字体集合和全部字体集合自动提取所需的字体集合,极大的减小集合空间大小; 2 使用仅需要调整Config文件夹底下的Core.xml配置文件; 同时向Resource底下放入所需要的txt文档和ttf字体集合即可 有问题 QQ:...
  • 67中字体包ttf otf格式.rar
  • CAI978经典英文字库中包含978个英文字体,前300款为必备英文字体:120款标准字体 180...文字添加方法: 下载文件解压缩后会出现一个678en.exe的文件,这个文件千万不是要解压缩的,看到678en.exe这个文件后,双击打开
  • 使用字蛛压缩字体后在vue组件中使用无效,在控制台发现转换为base64文件了,而且还是 0kb显示,跪求大神破解 在vue组件样式中引用压缩后的字体,发现没有效果,在netWork中看到字体被转为base64格式了,直接引用没有...
  • vue压缩字体

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

    千次阅读 2018-12-11 17:28:20
    字体压缩 一. 在一个项目中,一定要用到华康娃娃体做一个效果,但是这个字体下下来有2.55MB,这显然是不行的,于是上网找了一波干货,如下: 字体压缩的原理就是你要使用的字符单独拿出来,不用的就不包含,这样就...
  • 目前做的一个vue项目当中引入了外部的字体文件,打包之后测试发现加载过慢,需等待较长时间才能看到效果,特此记录在vue项目中压缩字体的操作. 安装字蛛 字蛛是一个中文字体压缩器,通过分析本地 CSS 与 HTML 文件...
  • 字体在线压缩

    2020-10-10 17:10:02
    https://www.lcddjm.com/font 输入会用到的字体
  • Font.js 是一个强大的JavaScript字体工具,可处理字体加载事件、metrics 信息以及更好的画布元素的 measureText 方法,可获取字体高度边框等信息。 在线演示:http://pomax.nihongoresources.com/pages/Font.js/ ...
  • 提供了四个字重的压缩版,font-family 定义如下: 苹方-简 常规体 font-family: PingFangSC-Regular, sans-serif; 苹方-简 细体 font-family: PingFangSC-Light, sans-serif; 苹方-简 中黑体 font-family: PingFang...
  • 今天小编就为大家分享一篇vue项目引入字体.ttf的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 49,235
精华内容 19,694
关键字:

压缩字体包