用 字蛛 取出需要的字符应用字体

一、安装font-spider

　　npm install font-spider -g

二、目录结构

　　font-spider

　　　　font

　　　　　　FZZZHONGHJW.ttf

　　　　font.html

三、font.html内容

<!DOCTYPE html><html><head>   <title>方正正中黑简体</title>   <meta charset="utf-8">    <style type="text/css">        @font-face {        font-family: ‘FZZZHONGHJW‘;        src:                url(‘font/FZZZHONGHJW.eot?#font-spider‘) format(‘embedded-opentype‘),                url(‘font/FZZZHONGHJW.woff‘) format(‘woff‘),                url(‘font/FZZZHONGHJW.ttf‘) format(‘truetype‘),                url(‘font/FZZZHONGHJW.svg‘) format(‘svg‘);    　　}    p{        font-family: "FZZZHONGHJW";    }    </style></head><body>

    <!-- 全局 -->       <p>班级情况 布置作业 教学资源</p>

</body></html>

四、从字体文件中把页面字体抓取，生成字体文件，执行命令：

　　font-spider font.html

五、生成后的目录结构　　

　　font-spider

　　　　font

　　　　　　.font-spider

　　　　　　　　FZZZHONGHJW.ttf　　　　　　

　　　　　　FZZZHONGHJW.eot

　　　　　　FZZZHONGHJW.svg

　　　　　　FZZZHONGHJW.ttf

　　　　　　FZZZHONGHJW.woff

　　　　font.html

时间： 2024-10-07 23:35:53

用 字蛛 取出需要的字符应用字体的相关文章

字蛛 自定义字体

可能 网站中会用到一些漂亮的文字,又不想用图片, 这样可以用自定义字体, 用的工具是 字蛛http://font-spider.org/ 字蛛工具 依赖 nodeJs, 先安装好 NodeJS,然后执行安装字蛛: npm install font-spider -g 字蛛通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,同时生成跨浏览器使用的格式. 以下都是必须的,字蛛生成的字体是文件中有的文字,第一步 声明@font-fac

中文WebFont解决方案Font-Spider(字蛛)

我们在日常需求中,经常会碰到视觉设计师对某个中文字体效果非常坚持的情况,因为页面是否高大上,字体选择是很重要的一个因素,选择合适的字体可以让页面更优雅.面对这种问题,我们通常以下方式来进行设计还原: 使用图片背景还原设计,即使用 photoshop 将文本图层单独导出成网页背景图片. 产生的问题 1.    制作与维护成本很高.切图繁琐.高清屏适配繁琐.合并雪碧图更繁琐,后期修改更加繁琐. 2.    用户体验差.导致网页不支持选中.复制.搜索.翻译.矢量缩放,也会影响视障用户使用读屏器操作网页

字蛛的使用及说明

web字体体积大导致加载过慢,对于前端来说是一大需要解决的问题,作为一个前端小白,看不懂文档也是个通病,不过还是花了一些时间和朋友一起研究了这个问题,并找到了解决方案就是"字蛛". 字蛛网站:http://font-spider.orgGitHub源码:https://github.com/aui/font-s... 字蛛简介: 官方的说法 "字蛛是一款中文字体压缩器".字蛛通过分析本地 CSS 与 HTML 文件 获取 WebFont 中没有使用的字符,并将这些字

中文字体【字蛛】的使用

官网:http://font-spider.org/ 安装字蛛需要先安装node. 先安装好 NodeJS,然后执行: npm install font-spider -g 构建插件:grunt-font-spider | gulp-font-spider 在 CSS 中使用 WebFont: /*声明 WebFont*/ @font-face { font-family: 'pinghei'; src: url('../font/pinghei.eot'); src: url('../font

精简TTF字体、汉字字体瘦身 FontPruner（非字蛛）

网上比应用比较多的 字蛛 http://font-spider.org/ 本文使用了本机安装软件,得到瘦身后的 TTF 字体文件 准备工具: python : 我使用是 python-3.7.2.exe jre: 我是用的是 jre-8u191-windows-x64.exe FontPruner: https://gulu-dev.com/post/2017/2017-09-15-font-pruner-intro/content 我的使用环境:win 7 64虚拟机 step1:安装 pyt

字体压缩 - 字蛛 font-spider

个人博客:柚子青年. 原文链接:字体压缩 - 字蛛 font-spider 安装 font-spider npm install font-spider index.html <div class="content">0123456789</div> index.css @font-face { font-family: 'DINAlternateBold'; src: url('./font/DIN-Alternate-Bold.ttf') } .conten

编码对象或者字串中包含Unicode字符怎样转换为中文

In [18]: c = '你好' In [20]: d = c.encode('unicode_escape') In [21]: d Out[21]: b'\\u4f60\\u597d' In [23]: e = d.decode('utf-8') In [24]: e Out[24]: '\\u4f60\\u597d' In [25]: type(e) Out[25]: str In [26]: f = e.encode('utf-8').decode('unicode_escape')

css 字间距离_css 字体字符间距设置

css 字间距,使用css来控制字与字之间距离,也叫css字间距方法. 使用到的css样式属性单词text-indent抬头距离,letter-spacing字与字间距. Css字间距.div css字符间距样式实例 1.text-indent设置抬头距离css缩进 即对,对应div设置css样式text-indent : 20px; 缩进了20px 2.letter-spacing来设置字与字间距_字符间距离,字体间距css样式 即对对应div设置css属性样式为letter-spacing:

中文字符,全角字符的正则表达式（转载）

经过测试其中匹配双字节字符(包括汉字在内):[^\x00-\xff]非常好用推荐一下 两外推荐个网址http://mscenter.edu.cn/blog/yongsheng/archive/2004/11/19/308.html 这个家伙收录的正则很多,呵呵 关键字:正则表达式  模式匹配 Javascript 摘要:收集一些常用的正则表达式. 正则表达式用于字符串处理,表单验证等场合,实用高效,但用到时总是不太把握,以致往往要上网查一番.我将一些常用的表达式收藏在这里,作备忘之用.本贴随时会