一、安装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

用 字蛛 取出需要的字符应用字体 @font-face的更多相关文章

  1. 字蛛（font-spider）-单独压缩字体（解决页面少有的特殊字体的字体包引用）

    特别想独立的把这个问题写成一篇内容,分享给大家. 反正我是这个字体压缩使用的受益者,不是打广告. 很久以前,设计师总是爱用一些奇奇怪怪的字体放在页面上,而作为前端我们很容易的就能直接使用TA们用到的字 ...

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

    我们在日常需求中,经常会碰到视觉设计师对某个中文字体效果非常坚持的情况,因为页面是否高大上,字体选择是很重要的一个因素,选择合适的字体可以让页面更优雅.面对这种问题,我们通常以下方式来进行设计还原: ...

  3. 字蛛fontSpider的使用

    字蛛官方文档 http://font-spider.org/index.html 首先安装全局包  npm install font-spider -g 然后下载字体 ,本次需要的是  "造 ...

  4. fontSpider字蛛，好用的字体压缩工具教程

    一直觉得很多字体特别好看,但是那些好看的字体只能做在图片上不能用CSS样式去实现,作为一个会设计的前端,真心觉得很烦恼,有时候那些文字需要更换,修改起来非常麻烦,要到处去找源文件,找不到源文件还要尽力 ...

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

    20190726更新 标黄部分 网上比应用比较多的 字蛛 http://font-spider.org/ 本文使用了本机安装软件,得到瘦身后的 TTF 字体文件 准备工具: python : 我使用是 ...

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

    In [18]: c = '你好' In [20]: d = c.encode('unicode_escape') In [21]: d Out[21]: b'\\u4f60\\u597d' In [ ...

  7. ASP清除字串中的重复字符

    <% Function Test(str) dim intLen,i,strTemp,aryTest intLen = Len(str) strTemp = "" aryTe ...

  8. 字蛛webfont 安装及使用方法

    先安装nodejs和git,比如放在D:/nodejs/  文件夹 cmd 进入该文件夹,安装npm install express 安装 npm install font-spider -g 安装  ...

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

    介绍下css 字间距,使用css来控制字与字之间距离,也叫css字间距方法. 使用到的css样式属性单词text-indent抬头距离,letter-spacing字与字间距. Css字间距.div ...

随机推荐

  1. Unity笔记（4）自学第六天

    今天主要是写了demo的策划案 [关卡设计部分]: [关卡数值设计]:

  2. vim设置默认显示行号

    vim /root/.vimrc 设置在当前登录用户根目录下,.vimrc文件本身不存在,创建后之间添加下面配置保存即可 set number

  3. js控制页面跳转,清缓存，强制刷新页面

    单看标题,必定满脸蒙13. 其实,想表达的仅仅是,在js中通过window.location.href控制页面跳转时,有时会跳转至缓存页面,并没有真正去请求要跳转的地址,导致页面数据未能及时加载刷新. ...

  4. iOS微信页面 长按图片出现【存储图像】和【拷贝】不出现【发送朋友】【保存图片】

    最近遇到一大坑.微信加载的页面中出现图片,长按图片时不出现默认的菜单[发送朋友]等而是[存储图像]和拷贝. 原因:正常在页面中长按图片是没有问题的,但是如果你的页面嵌入了ifram然后又长按在ifra ...

  5. 6-Java-C（无穷分数）

    题目描述: 无穷的分数,有时会趋向于固定的数字. 请计算[图1.jpg]所示的无穷分数,要求四舍五入,精确到小数点后5位,小数位不足的补0. 请填写该浮点数,不能填写任何多余的内容. 正确算法: 此题 ...

  6. 小b和灯泡

    2489 小b和灯泡 2 秒 262,144 KB 10 分 2 级题   小b有n个关闭的灯泡,编号为1...n. 小b会进行n轮操作,第i轮她会将编号为i的倍数的灯泡的开关状态取反,即开变成关,关 ...

  7. Java递归扫描文件路径

    import java.io.File; public class Test { public static int count = 0; public static void main(String ...

  8. filezilla server FTP 安装报错 "could not load TLS network. Aborting start of administration interface"

    filezilla server FTP 安装报错   "could not load TLS network. Aborting start of administration inter ...

  9. Class加载顺序

    原文:https://blog.saymagic.cn/2017/07/01/class-common-question.html 类的初始化顺序是怎样的? 我们尝试从class文件中找到答案.来看这 ...

  10. laydate组件选择时间段的判断

    前言: 在使用laydate组件的时候,难免会遇到选择时间段,官网给的文档中有选择时间段的组件,但是并不好用,首先只能选择一个月的时间段,有局限性,其次精确到时间的话要先选日期范围再选时间范围,很变态 ...