码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-07-21 18:00:43      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:

 

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

 

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

标签:

原文地址:http://www.cnblogs.com/iloveyou-sky/p/5692379.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!