强仔
@qiangzai

在博客中,为了突出系统样式的美观,侧栏文字我使用了自定义文字,但一个字体包高达3M多,为了提高用户和体验减少服务器压力,我们只需要ttf字体文件中抽取自己想要的字即可,这样即可达到令人满意的效果。 注:过程比较繁琐,此方法只试用于只需要少数字体的情况

准备工作

操作流程

在fontcreator中打开完整版字体文件,并创建我们的新字体文件。 第一个字符块要留空,我试了好几遍第一个字符如果不为空,那么第一个字符位置的字不会显示,还会显示默认

打开在线字符编码查询,查找指定字体的编码。

在fontcreator完整版字体中查找字体编码对应的字体并拷贝它。

右键属性复制指定字体的编码,并在新字体文件中粘贴的新字体属性赋值


根据自己的需求重复第以上步骤,最后保存即可, 字体文件从3m缩小到了8k

最后在css中定义引用即可

结语

感谢访问强仔博客,希望本文对你有所帮助!

本文文章字数为:338个

您阅读这篇文章共花了:

文章最后更新于:2020 年 12 月 04 日 14:41:38

当前IP为:3.236.156.34,请自觉遵守网络安全

END
上午10:34 · 2020年12月03日
350
8
3
宝贝留个言吧

        
    0个月前

    you are so stupid

      强仔靓仔     
      0个月前
      @隆

      you are very very stupid,i am very very 滴 handsome哈哈

    四月浅森     
    0个月前

    下载链接指向图片是怎么回事 (我要白嫖啊

      强仔靓仔     
      0个月前
      @四月浅森

      现在好了,我大意了(没有闪)

        四月浅森     
        0个月前
        @强仔

        不要再犯这种...小聪明

          强仔靓仔     
          0个月前
    blog.jfz.xyz     
    0个月前

    有个叫字蛛的东西你应该用的上

      强仔靓仔     
      0个月前
      @blog.jfz.xyz

      用过,没那么好玩

教程
ttf字体文件抽取自己想要的字
在博客中,为了突出系统样式的美观,侧栏文字我使用了自定义文字,但一个字体包高达3M多,为了提高用户和体验减少服务器压力,我们只需要ttf字体...
欢迎扫描二维码继续阅读
December 3, 2020
强仔博客
blogger
强仔
统计
文章:106 篇
分类:4 个
评论:313 条
加载耗时:16 ms
运行时长:1年141天
by yoniu.
强仔博客