美文网首页
字蛛的安装与使用

字蛛的安装与使用

作者: 有事直接说 | 来源:发表于2019-10-18 14:19 被阅读0次

前提python
1.安装

npm install font-spider -g

2.下载字体文件

<!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">
  <title>Document</title>
</head>
<body>
  <div class="Calculus">123456789%</div>
</body>
</html>
<style>

/*声明 WebFont*/
@font-face {
  font-family: 'Calculus';
  src: url('../font/pinghei.eot');
  src:
    url('../CalculusRegular/CalculusLCDOblique.eot?#font-spider') format('embedded-opentype'),
    url('../CalculusRegular/CalculusLCDOblique.woff') format('woff'),
    url('../CalculusRegular/CalculusLCDOblique.ttf') format('truetype'),
    url('../CalculusRegular/CalculusLCDOblique.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*使用选择器指定字体*/
 .Calculus{
    font-family: 'pinghei';
}
</style>

4.>font-spider test.html

相关文章

  • 字蛛的安装与使用

    前提python1.安装 2.下载字体文件 4.>font-spider test.html

  • 压缩字体的工具font-spider

    字蛛是一个中文字体压缩器。 字蛛通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并...

  • VUE字蛛的使用

    坑点: 1、 对于不识别VUE后缀文件。建议先行阿里巴巴在线字体库生成。没有需要的字体时,本地全局安装字蛛包。 2...

  • 压缩中文字体的体积 — 字蛛(font-spider)

    字蛛是什么? 字蛛是一个中文字体压缩器 字体优化前后对比图 1、使用前字体包总共大小60.6MB 2、使用前字体包...

  • 字蛛的用法

    官网网址为http://font-spider.org/字蛛通过分析本地 CSS 与 HTML 文件获取 WebF...

  • font-spider字蛛使用简记

    前两天做移动端项目,ui字体使用了思源黑体,用到了字蛛font-spider(可以自定义前端网页中的字体格式),因...

  • 前端学习的踩坑记录--font-spider(字蛛)

    先附上官方链接:字蛛 github:font-spider 关于font-spider的官方说明 字蛛是一个中文字...

  • 在网页中使用中文字体(字蛛)与中文字体分享

    字蛛是一个 WebFont 智能压缩工具,它能自动化分析页面中所使用的 WebFont 并进行按需压缩,通常好几 ...

  • 字体压缩(字蛛)

    安利 字蛛字体压缩真的非常好用 有多好用,看官方 坑 我们项目中既用到了字体图标(阿里icon),也用到了字蛛压缩...

  • 狼蛛与蛛蜂

    一天狼蛛在两棵树之间,做了一个谁也无法过去的网。狼蛛把这个取名为因特网。 然后就等着,猎物自动送上门来。一...

网友评论

      本文标题:字蛛的安装与使用

      本文链接:https://www.haomeiwen.com/subject/oiyimctx.html