zoukankan      html  css  js  c++  java
  • 使用百度字体编辑器删除不必要字体,减少字体文件体积

    百度字体编辑器地址:http://fontstore.baidu.com/static/editor/index.html

    使用手册:http://fontstore.baidu.com/static/editor/doc/index.html#introduce

    为什么要编辑字体文件?

      只所以想要编辑庞大的字体文件的原因,是因为我们可爱的射击湿,想要让数字表现的更妖娆多姿一点,注意:只是数字妖娆,其他文字还是使用系统默认字体。那么问题来了,一个字体字体2058KB,而我只使用0~9这10个数字,明显是很占加载的带宽,所以这个字体文件要“减肥”,留下需要的文字,剔除不需要的文字

    如何编辑字体文件?

    使用百度字体文件编辑器(百度字体编辑器地址:http://fontstore.baidu.com/static/editor/index.html)。

    跟射击湿拿到字体文件之后,就开始以下步骤。

    图一:导入射击湿给的字体文件,并命名为original,代表是原始字体文件(这个命名随意^_^)

     图二:可以看到导入字体文件之后,看到清晰的看到字体文件的内容。

     

     图三:如图三,进行三个步骤:(1)新建=》(2)修改名字为modified=》(3)从original里复制出项目中需要用到的数字0~9。

     图四: (4)选择modified文件,然后)(5)ctrl+v,把刚才从original复制出来的数字粘贴进来。

     

    图五:这样字体文件编辑好了,现在就是把编辑后的字体文件导出应用到页面中。点击(6)导出=》看到下载好的(7)文件

    图六:在css文件中引入文件,然后根据font-family 的名字使用它。这样就完成了。

     三、在编辑字体文件过程遇到的问题

    当我在编辑字体文件过程中,发生了某个数字无法显示正确。如图,数字0显示的不是正确的字体。

    经过排查之后,原来导致0无法正确显示的原因是因为新建一个字体文件的.notdef文件被我粘贴的时候覆盖掉了,所以千万要记得新建文件之后的.notdef文件千万不要误删了。要保留着。如图:

    这个.notdef是什么文件呢?

    我猜有点类似于配置文件,会包含字体的一些信息。总之千万别删哦。

  • 相关阅读:
    ll command not found 当ll无法识别的解决办法
    idea控制台全屏
    查看centos版本号
    java Error: 无法访问org.apache.http.annotation.ThreadSafe 找不到org.apache.http.annotation.ThreadSafe的类文件
    DigestUtils.md5Hex()加密
    JAVA 8 '::' 关键字
    CVE-2020-1472 NetLogon特权提升漏洞
    OpenSSH的scp命令注入漏洞(CVE-2020-15778)
    redis未授权访问漏洞&简单利用&总结
    常见web信息泄露
  • 原文地址:https://www.cnblogs.com/wuyinghong/p/6590670.html
Copyright © 2011-2022 走看看