zoukankan      html  css  js  c++  java
  • 中文字体引用及压缩

    中文字体引用(如思源雅黑)

    第一步: 网站下载字体: http://www.downcc.com/font/326030.html

    第二步:百度  @font-face生成器   (字客网 https://www.fontke.com/tool/fontface/   生成不同格式和字体和样式,页面引用即可)

    解决chrome浏览器下@font-face字体图标出现锯齿:

    要注意不同格式字体引用顺序问题 》 eot>svg>ttf>woff2>woff

    @font-face {
      font-family: "SourceHanSansCN-Regular";
      src: url("font/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
          url("font/SourceHanSansCN-Regular.svg") format("svg"),
           url("font/SourceHanSansCN-Regular.ttf") format("truetype"),
            url("font/SourceHanSansCN-Regular.woff2") format("woff2"),
           url("font/SourceHanSansCN-Regular.woff") format("woff") ;
      font-weight: normal;
      font-style: normal;
    }

    *{font-family:'SourceHanSansCN-Regular',Arial, Helvetica, sans-serif;  -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust:none; }

     https://www.cnblogs.com/Jm-jing/articles/6978830.html

    字蛛是一个中文字体压缩器

    http://font-spider.org/#use

    安装node.js 再打开Node.js command prompt 测试 node -v 有版本号出来即成功;
    然后再运行: npm install font-spider -g


    node.js出错原因:

    1. 要用Node.js command prompt 运行
    2. 字体引用时必须用英文单引号
    {
    @font-face {
    font-family:'SourceHanSansCN-Medium';
    src:url('../font/SourceHanSansCN-Medium.eot');
    src: url('../font/SourceHanSansCN-Medium.eot?#font-spider') format('embedded-opentype'),
    url('../font/SourceHanSansCN-Medium.svg') format('svg'),
    url('../font/SourceHanSansCN-Medium.ttf') format('truetype'),
    url('../font/SourceHanSansCN-Medium.woff2') format('woff2'),
    url('font/SourceHanSansCN-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    }
    }

    3. 不用引用图标字体;

    4. 再运行 font-spider G:/work/氚云/web/*.html



  • 相关阅读:
    【转贴】判断sql server表是否存在的方法
    SQL SERVER 中将重复记录合并为一条记录
    数据清洗:将字段值全部为数字的记录置空
    【转贴】PLSQL不安装客户端连接远程oracle
    Datalength() 与 Len()的区别
    SQL SERVER 查询重复的记录的方法
    连接mysql利用jsp实现简单的登陆操作
    jsp包含文件的两种方法
    preparedStatment的用法
    request内置对象介绍和使用
  • 原文地址:https://www.cnblogs.com/aimyfly/p/9061064.html
Copyright © 2011-2022 走看看