展开

关键词

https:github.comforsignerweb-fontmin

23620

Web-Fontmin -- 在线提取你需要的字体

Fontmin第一个纯 JavaScript字体子集化方案,一个百度出品的优秀工具。 Fontmin 有什么用呢? Fontmin 用法Fontmin 的用法很简单:var Fontmin = require(fontmin); var fontmin = new Fontmin() .src(fonts*.ttf) 的工具fontmin-app - Fontmin 桌面版 App,需下载安装使用gulp-fontmin - Fontmin 的 Gulp 插件font-spider - 自动分析页面使用的 WebFont Web-fontmin 不是什么高大上的东西,一个基于 Fontmin 构建的字体工具,它的用处只有两个:提取字体字体格式转换通俗的理解,Web-fontmin 是一个这样的工具:Squirrel + Web-Fontmin 拥有Fontmin-app的所有功能,并且在线即可用。

4.6K81
  • 广告
    关闭

    90+款云产品免费体验

    提供包括云服务器,云数据库在内的90+款云计算产品。打造一站式的云产品试用服务,助力开发者和企业零门槛上云。

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Web-Fontmin -- 在线提取你需要的字体

    Fontmin第一个纯 JavaScript字体子集化方案,一个百度出品的优秀工具。 Fontmin 有什么用呢? Fontmin 用法Fontmin 的用法很简单:var Fontmin = require(fontmin); var fontmin = new Fontmin() .src(fonts*.ttf) 的工具fontmin-app - Fontmin 桌面版 App,需下载安装使用gulp-fontmin - Fontmin 的 Gulp 插件font-spider - 自动分析页面使用的 WebFont Web-fontmin 不是什么高大上的东西,一个基于 Fontmin 构建的字体工具,它的用处只有两个:提取字体字体格式转换通俗的理解,Web-fontmin 是一个这样的工具:Squirrel + Web-Fontmin 拥有Fontmin-app的所有功能,并且在线即可用。

    87830

    特殊字体神器-fontmin,秒杀一切工具

    fontmin为何力荐fontmin?方便,快捷~!不需要自己手动抠文字,直接生成各类文字字体,而且代码也可以直接生成。 fontmin的特点子集化(只取用当前字体中的部分文字)后的字体删掉了所有没用空字符,不需要另开fontcreator进行二次精简无论原字体的映射怎么乱七八糟,子集化后的映射平台自动改为两个必要的unicode fontmin下载fontmin官网:http:ecomfe.github.iofontminfontmin的具体操作1 打开软件(无需安装,打开即用)2 输入需要采用特殊字体的文字3 将字体拖拽到相应位置 关于fontmin的建议1 个人建议采用英文的名称命名字体,而不要采用中文(一出现中文就很有可能出现乱码问题)。 这个并不属于软件bug,fontmin会完整保留第一个空字符所有映射,因此可能导致与后来改的字符映射产生冲突,而在移动设备无法正常显示。

    1.1K40

    使用Fontmin生成WebFont压缩字体

    昨天我测试字体的时候用过有字库,有字库就是一个典型的webfont,我就在想有没有跟有字库差不多的webfont引用方式,不直接引用整个字体,而是引用需要用到字,终于,我在GitHub上找到了这个15年的项目Fontmin ,我直接下载了他的客户端,Fontmin提供了Mac os & Windows客户端。

    7800

    使用Fontmin生成WebFont压缩字体

    昨天我测试字体的时候用过有字库,有字库就是一个典型的webfont,我就在想有没有跟有字库差不多的webfont引用方式,不直接引用整个字体,而是引用需要用到字,终于,我在GitHub上找到了这个15年的项目Fontmin ,我直接下载了他的客户端,Fontmin提供了Mac os & Windows客户端。

    11740

    详解android 中文字体向上偏移解决方案

    最终找到了fontmin这个插件。这个插件的原理是将字体文件中的字符集进行筛选,生成的新的字体文件中,只包含要使用到的文字字符集。 3.最终的方案虽然fontmin可以进行字符集筛选,但是项目中到底需要哪些中文文字是不确定的。但没有关系,经过实验,使用一个只有0这个字符集的字体文件同样可以解决我们最初的问题。下面来看实现步骤。 3.2 安装 fontmin这里不推荐全局安装,在项目里面安装即可。npm install fontmin -D然后编写配置文件。这里我是写在项目根目录的。 fontmin-config.js var Fontmin = require(fontmin)var srcPath = .srcassetsfontsmy-font.ttf 字体源文件var destPath = .srcassetsfont-output 输出路径var text = 0 筛选的字符集 var fontmin = new Fontmin() .src(srcPath) 输入配置 .use

    27310

    移动端引入的字体文件过大处理方法

    ,通常都会有几M大小,不适合在项目中使用.尤其是移动端项目,由于字体加载速度很慢,体验会十分不好.本篇博客将介绍两种自动化工具,来实现在移动端愉快的使用特殊字体.分别是Font-Spider(字蛛)和fontmin 尤其在当下,很多框架都是数据驱动的,更是很多文字都不会直接出现html文件中.对于这种情况, 下面介绍的fontmin或许能解决.四.使用Fontmin  Fontmin 是由百度推出的一个字体子集化方案 Fontmin 提供了 Node.js 模块和客户端 2 种使用方法,下面主要介绍Node.js模块的使用,更多使用请移步到Fontmin快速指南1.安装fontminnpm i -g fontmin2 .配置在项目中创建fontmin.jsvar Fontmin = require(fontmin); var srcPath = font*.ttf; 字体源文件路径var destPath = font ; 字体输出路径var text = 我你今天中大奖了快来领红包;有哪些文字可能需要用到这个字体的,都可以在这里进行配置 初始化var fontmin = new Fontmin() .src(srcPath

    4.5K220

    Web 中文字体性能优化实践

    在讨论 fontmin 如何进行字体截取之前,我们先来了解一下字体文件的结构:? fontmin 使用方法 在了解了 fontmin 的原理后,我们就可以愉快的使用它啦。 服务器接受到客户端发来的请求后,通过 fontmin 截取字体,fontmin 会返回截取后的字体文件对应的 Buffer,别忘了 @font-face 规则中字体路径是支持 base64 格式的,因此我们只需要将 利用 fontmin 生成字体子集代码如下:const Fontmin = require(fontmin)const Promise = require(bluebird) async function extractFontData (fontPath) { const fontmin = new Fontmin() .src(.fontsenty.ttf) .use(Fontmin.glyph({

    39010

    Cuteen主题Mashiro同款LOGO

    由于中文字体包都很大不利于WEB环境,这里我们需要使用 Fontmin,从字体包里提取出我们要使用的首先找到一款你想要的字体,我这里用的萝莉小猫咪体。 由于中文字体包都很大不利于WEB环境,这里我们需要使用 Fontmin,从字体包里提取出我们要使用的字体。下载Fontmin客户端 和你要用的字体包。 ?

    12710

    Web 反爬虫实践与反爬虫破解

    var Fontmin = require(fontmin); var fontmin = new Fontmin() .use(Fontmin.glyph({ text: 天地玄黄 宇宙洪荒, hinting 说下整体实现思路确定你的词库(要进行加密的内容)确定字体源文件 如微软雅黑使用fontmin生成目标字体文件将目标字体文件转换为svg格式确定加密规则对svg文件内的unicode进行加密算法处理使用fontmin

    60510

    记一次改字体的辛酸史,解决CDN跨域问题

    建议本文搭配 使用Fontmin生成WebFont压缩字体 食用更佳今天看到主题作者主页大标题用了这个字体,我一想哇还挺好看,也想自己整一个,看了看主题设置并没有更改字体的设置,只有头部标签引用,又回头看了看原页面

    9930

    前端、设计师福利再升级:用FSP彻底拥抱中文WebFont时代

    比如前nodejs时代的各种GUI工具,nodejs时代的fontmin、font-spider(字蛛)...目前来说,最方便的要数font-spider(字蛛)了,发布的时候也震惊中外。

    51320

    vivo 悟空活动中台 - H5 活动加载优化

    基于悟空微组件动态打包上线方式,我们选择使用 fontmin 来完成动态压缩字体。动态压缩字体分为以下几个步骤:第一步,读取特定配置文件中的 id,预先请求到对应页面接口数据,进行数据归集处理。 item.pluginConfig.typeFace) } }) }); 处理字体 handleFont(str, familyList) }});第二步,遍历字体类型列表 familyList,利用 fontmin const srcPath = `dist${siteId}font${fontName}.ttf`; const destPath = `dist${siteId}compressFont`; const fontmin = new Fontmin() .src(srcPath) 输入配置 .use(Fontmin.glyph({ 字形提取 text: fontText 动态注入文字 })) .use(Fontmin.ttf2eot

    37520

    前端生僻字显示

    当字体上没有这个字符的时候就会在备用的字体上选择,从而能够让我们的生僻字被显示出来,一般生成单字体文件有这几种方式:字体切割如果你缺失的还不算太生僻,可能在某些字体库中收录了这个字,那就可以通过字蛛或者fontmin

    55120

    【Web技术】929- 前端海报生成的不同方案和优劣

    www.zhangxinxu.comwordpress201802canvas-text-break-line-letter-spacing-vertical 2.2字体类型2.2.1.只采用默认字体或少量定制字体(Fontmin

    22540

    微信小游戏首包超出4M之后

    如果有用到其他字体的话,一款普通的中文字体大大几十M,但是我们使用字可能就是那么几个,所以字体提取也很有必要,其实社区内有收费的插件,但是目前中文字体提取库无非就是Fontmin或者字蛛,它们都可以可以通过终端命令或者客户端和

    19620

    滑屏 H5 开发实践九问 - 腾讯ISUX

    第九问:…我们也许还会遇到如下情况:分享到各个社交平台(准备分享引导浮层)使用自定义字体(font spider、fontmin)图片资源自动合并成雪碧图(Compass)相信对于大部分 UI 开发来说

    1.1K81

    滑屏 H5 开发实践九问 - 腾讯ISUX

    第九问:…我们也许还会遇到如下情况:分享到各个社交平台(准备分享引导浮层)使用自定义字体(font spider、fontmin)图片资源自动合并成雪碧图(Compass)相信对于大部分 UI 开发来说

    60740

    第三次重写个人网站,分享一些感想

    所以,我用 fontmin 将字体库压缩到了 4 KB ,能更快一点显示字体。最后整个主页在业余时间写了 2 周,大部分时间都是在试各种设计、颜色、背景,实现上也挺简单的。

    10450

    相关产品

    • ProWork 团队协同

      ProWork 团队协同

      ProWork 团队协同是便捷高效的协同平台,为团队中的不同角色提供支持。ProWork 通过灵活轻量的任务管理体系,满足不同团队的实际情况,目前 ProWork 所有功能均可免费使用。

    相关资讯

    热门标签

    扫码关注云+社区

    领取腾讯云代金券