精华内容
下载资源
问答
  • 2019-02-18 18:17:12

    我们在网站中为了达到更美观的效果。往往需要嵌入自定义字体,但是中文字体由于字数庞大导致整个字体包就会很大;很影响页面的加载速度。
    那有什么办法即能使网站展示美观的字体,又提升字体的加载速度呢?
    幸运的是字蛛从没某种意义上能解决这个问题;

    字蛛

    字蛛(font-spider), 一个智能 WebFont 压缩工具!它能自动分析出页面使用的 WebFont 并进行按需压缩。
    官网:http://font-spider.org/
    源码:https://github.com/aui/font-spider

    安装

    npm install font-spider -g

    运行

    font-spider ./demo/*.html
    页面依赖的字体将会自动压缩好,原 .ttf 字体会备份;

    使用

    /声明 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’;
    }

    注意事项

    字蛛通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,同时生成跨浏览器使用的格式。
    如果页面是动态渲染的,无法知晓页面中会有哪些字的时候将无法提前编译好字体包;当然你也可以提前预知会有哪些字进行编译(例如可以先编译3500个中文常用字);

    更多相关内容
  • 压缩字体包工具

    2018-11-15 14:33:12
    对应与博客“福利来了 -- 压缩字体包工具”说明使用,功能和网上很多字体压缩工具一样,但是使用起来简单很多。资源分是我没分了,希望大家贡献一点,使用不懂的在博客下留言。
  • 用字蛛(font-spider)压缩字体1.安装nodejs和npm扩展2. 安装font-spider3.建一个font.css4.再建立一个font.html5.然后开始压缩字体(其实就是把用到的文字挑出来) 1.安装nodejs和npm扩展 请参照...

    1.安装nodejs和npm扩展

    请参照https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html
    下载路径https://nodejs.org/en/download/
    安装的时候选择add to PATH 这样node npm 模板都安装了
    安装完毕后,输入cmd后敲回车,在打开的命令行界面,依次输入命令:
    node -v
    npm -v
    如果正确输出版本号,说明我们的NodeJS和NPM就安装好了

    2. 安装font-spider

    在cmd命令里
    执行 npm install font-spider -g
    安装成功后 输入font-spider,如果显示下图信息就说明安装成功了

    如果安装慢的话用淘宝镜像

    打开nodejs客户端或命令行
    输入以下命令:
    npm config set registry http://registry.npm.taobao.org
    npm info underscore (如果上面配置正确这个命令会有字符串response)
    命令行指定
    npm –registry http://registry.cnpmjs.org info underscore

    3.建一个font.css

    @font-face {
      font-family: 'Normal';
      src: url('./SourceHanSansK-Normal.ttf');
    }
    #j {
      font-family: 'Normal';
    }
    

    4.再建立一个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="./font.css" />
      </head>
      <body>
        <h1 id="j">这里就是你用到的文字</h1>
      </body>
    </html>
    

    5.然后开始压缩字体(其实就是把用到的文字挑出来)

    font-spider ./font.html

    这个用相对路径或者绝对路径都可以
    最重要的一点是字体必须是.ttf格式文件,其他格式文件无效
    成功后原来的字体文件会在一个文件夹里,新生成的ttf文件代替了原来的字体,这个适合无法直接搜索到相应文字的,如果本身就是静态html文件的话,直接在项目里用就行。

    展开全文
  • 因为Editview是继承Textview,所以重写EditText跟重写Textview的方法差不多,不过EditText...压缩的方式跟Textview差不多,不过这次做判断的是用到字体和控件的高度。 package com.example.myedittext; import
    因为Editview是继承Textview,所以重写EditText跟重写Textview的方法差不多,不过EditText使用此方法的目的是为了 让字体的高度不要超过控件的高度,否则输入的文字和提示文字显示不全。压缩的方式跟Textview差不多,不过这次做判断的是用到字体和控件的高度。


    package com.example.myedittext;

    import android.content.Context;
    import android.graphics.Paint;
    import android.util.AttributeSet;
    import android.util.Log;
    import android.widget.EditText;

    public class EditAutoResize extends EditText{
    private static final float MIN_TEXT_SIZE = 25.0F;
    private static final float MAX_TEXT_SIZE = 55.0F;
    public EditAutoResize(Context context) {
    super(context);
    // TODO Auto-generated constructor stub
    }
    public EditAutoResize(Context paramContext,
    AttributeSet paramAttributeSet) {
    super(paramContext, paramAttributeSet);
    }
    /**
     * 设置文字的大小
     */
    public void resize()
    {
    //获得控件的宽度
    int i = getHeight();
    //获得字体的大小
    float f1 = getTextSize();
    //计算控件中文字的总长度
    while (true) {
    //字体最小控制在15.0F
    while (true) {
    setTextSize(0, f1);
    //在最大值和最小值之间,正常压缩调整
    if (MAX_TEXT_SIZE >= f1&&f1>=MIN_TEXT_SIZE)
    {
    break;
    }
    else
    {
    //超过最大程度
    if(f1>MAX_TEXT_SIZE)
    {
    f1 = MAX_TEXT_SIZE;
    }
    //小于最小程度
    if(f1<MIN_TEXT_SIZE)
    {
    f1 = MIN_TEXT_SIZE;
    }
    }
    }
    //如果i大于最大 小于最小,设置成最大或最小后退出
    if(i>MAX_TEXT_SIZE&&i<MIN_TEXT_SIZE)
    {
    break;
    }
    //进行压缩
    if(f1>i)
    {
    f1--;
    }
    else
    {
    break;
    }
    }
    }
    @Override
    protected void onLayout(boolean paramBoolean, int paramInt1, int paramInt2,
    int paramInt3, int paramInt4) {
    super.onLayout(paramBoolean, paramInt1, paramInt2, paramInt3, paramInt4);
    resize();
    }
    }
    展开全文
  • >可用作APK字体压缩 用于提取仅需要的美化文字,来压缩assets下的字体文件大小。 Download FontZip.jar FontZip32.exe FontZip64.exe 历史版本和其他下载链 Gif FontZip2 使用说明: Windows下运行run.bat,选...
  • Unity通过压缩字体减小包体大小

    千次阅读 2019-12-07 11:08:43
    虽然已经减少一半以上的大小,但是对于强迫症患者还是想减小到100M以下。通过查看Console->OpenEditorLog->ReportBuild,发现字体竟然占了17M。于是就有了这篇博客。 准备工具 FontZip(可以在百度上找到,...

    前言

    原本的Android包体有230M,对于一款休闲解密类手游来说体积有点太大了,通过一张张仔细压图之后成功缩小到了107M。虽然已经减少一半以上的大小,但是对于强迫症患者还是想减小到100M以下。通过查看Console->OpenEditorLog->ReportBuild,发现字体竟然占了17M。于是就有了这篇博客。

    准备工具

    FontZip(可以在百度上找到,如果找不到可以给我留言)

    具体步骤

    正常的中文字体也就3、4M左右,但我用的这个字体竟然有17M大小,所以我猜想这款字体不止包含中文。首先我去网上找了一款简单粗暴的压缩字体工具FontZip。使用方法如下图所示。将要使用的字复制到框内,就能把指定文字的压缩字体提取出来。在这里插入图片描述
    然后我去网络上找到了7000个常用的汉字输入进去。奇迹出现了,17M的字体变成了1.7M。将名字改成项目中正在使用的字体名字,覆盖过去(注意字体格式要相同),打包出来发现包体竟然变成了70M,足足减了30M!所以我猜想字体占用大小跟使用的次数有关。但是就在此时我又想到一个问题,我只提取了中文,那么用到的英文数字还有字符怎么办?事实证明是我多虑了,字符和英文正常显示。如果是对包体大小严格控制的商业项目或者使用文字较少的中小型项目,其实可以根据实际使用到的文字字符进行提取压缩,会有更棒的效果。

    展开全文
  • 2017-01-08 11:04:56桌面空白处击右键---属性---外观 然后会看到有一项:字体大小,选项有三,正常,大字体,特大字体。根据自己需要可以调整,显示框会出现预选效果。决定后,点击确定,等待一段时间,就...2016-12...
  • 1 根据输出字体集合和全部字体集合自动提取所需的字体集合,极大的减小集合空间大小; 2 使用仅需要调整Config文件夹底下的Core.xml配置文件; 同时向Resource底下放入所需要的txt文档和ttf字体集合即可 有问题 QQ:...
  • js控制页面字体大小
  • 背景 一个小的 H5 项目,客户要求使用指定的字体,一般来讲如果有特殊字体,前端这边都按照切图来处理了。...一种是使用一些前端工具,比如 font-spider、font-spider-plus 等,根据网站内容压缩字体。 另外一种,是
  • 福利来了 -- 压缩字体包工具

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

    2019-08-06 02:43:26
    Water drop字体是英文字体库中的一款字体,Water drop字体是一款用于浪漫插画...下载字体并解压缩; 2.开始中打开控制面板; 3.在控制面板中打开字体文件夹; 4.把下载的字体复制到此文件夹下; 5.文字添加完成 第
  • 字体在线压缩

    千次阅读 2020-10-10 17:10:02
    https://www.lcddjm.com/font 输入会用到的字体
  • 金梅特黑大小眼字字体是金梅字体库中的一款中文字体,金梅特黑大小眼字字体下载是一款中文简体繁体字体。喜欢或需要此字体的朋友们可以前来下载使用。 文字添加方法: 第一种 1.下载字体并解压缩; 2.开始中打开...
  • 关于字体压缩的方案

    千次阅读 2018-08-21 14:22:56
    执行完之后,就会在fonts文件夹下生成一个 .font-spider的文件夹,里面是压缩好的文件 方案二:直接使用 font-spider 源码: https://github.com/aui/font-spider 1.安装 font-spider:npm install font...
  • FontSpider:字蛛中文字体压缩器是一个可以让网页自由引入中文字体的源码工具,通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,同时生成跨浏览器使用的格式...
  • vue 字体压缩

    2020-09-09 10:20:24
    压缩只是把自己所要用的文字挑选出来,其余文字删除,所以压缩后体积比较小,弊端就是只适合固定页面的文字显示,一单页面的文字发生变化,字体效果就没有了,需要重新压缩字体压缩方法参考以下链接: ...
  • 有时候项目中的字体文件太大,很多字用不到,会造成存储空间的浪费。 本工具可以通过筛选文本条件,缩减ttf文件大小。 步骤: 1.根据项目需求,筛选出所有的中文字 2.精简ttf文件大小
  • 下载字体并解压缩; 2.开始中打开控制面板; 3.在控制面板中打开字体文件夹; 4.把下载的字体复制到此文件夹下; 5.文字添加完成 第二种 1.下载字体并解压缩; 2.把文件根目录下的字体压缩包解压缩; 3.把文件根目录...
  • 如果网页引用了特殊字体,而且字体文件较大,页面响应速度会有延迟,字蛛插件可以通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,同时生成跨浏览器使用的...
  • CSS中的自适应字体大小

    千次阅读 2020-06-16 13:40:22
    您将不得不考虑使用媒体查询来按一定的间隔减小字体大小,从而开始破坏设计并创建滚动条。 For example, try adding this inside your CSS at the bottom, changing the 320 pixels width for wherever your design...
  • 目前网页最小字体以及字体压缩

    千次阅读 2020-12-01 19:37:39
    由于第一代网页基本都是为800x600的15’CRT显示器开发的,所以大多数网页都是以9pt或12px为标准的网页字体大小。目前随着大尺寸和高分辨率显示器的普及,过小的网页字体已经让我在浏览网页时出离的郁闷了。 谷歌浏览...
  • 微信小程序字体压缩

    2021-08-05 14:27:01
    微信小程序使用外部字体的时候,因为字体文件一般...查阅了一下资料,发现网上挺多的是利用https://transfonter.org/来将ttf文件转换为base64的字体,进行压缩,但是不知道为什么我的那个字体转换后就没有效果了。后
  • 1.安装 npm install font-spider -g 2.查看版本: font-spider -v 出现版本号就代表成功 ...5.成功,对比字体前后大小 从10m变成了2k,优化度极高 6.现在查看打包前后体积 21m变成了6m(我项目中优化了三个字体
  • 如果Vue项目要用压缩字体,用fontmin 。 官网http://font-spider.org 按需压缩:从原字体中剔除没有用到的字符,可以将数 MB 大小的中文字体压缩成几十 KB 简单可靠:完全基于 HTML 与 CS...
  • riscv代码大小减少

    2021-02-22 22:57:11
    这将是所有减少代码大小的提议,分析,结果等的地方。 减少代码大小将分析以下ISA扩展建议文件v1.0中的intrucitons的好处(在此阶段仍是暂时的) 将来,我们可能会扩展ISA扩展,以包括ISA扩展提案v2.0中的说明 比32...
  • //压缩以后的 //引入该flexible.min.js !function (e, t) { function n() { var n = l.getBoundingClientRect().width; t = t || 540, n > t && (n = t); var i = 100 * n / e; r....
  • 下载字体并解压缩; 2.开始中打开控制面板; 3.在控制面板中打开字体文件夹; 4.把下载的字体复制到此文件夹下; 5.文字添加完成 第二种 1.下载字体并解压缩; 2.把文件根目录下的字体压缩包解压缩; 3.把文件根...
  • CCS6.0 注释汉字字体太小的解决方法,替换字体,内含操作步骤说明PDF以及需要的字体文件YaHei.Consolas . 压缩包包含 字体以及 如何在CCS6.0更改字体的步骤
  • vfs_fonts.zip pdfmake使用的字体 10M大小 字体名:msyh.ttf 使用方法 var fontDescriptors = { '微软雅黑': { normal: 'msyh.ttf', bold: 'msyh.ttf', italics: 'msyh.ttf', bolditalics: 'msyh.ttf' } ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 44,315
精华内容 17,726
关键字:

如何压缩字体大小