更换博客主题字体

杂谈
502 10

  昨天写了篇博客,发现主题自带的HarmonyOS Sans字体库不全,导致群晖的“晖”字显得很是突兀,就像下面这样。


  于是就上百度搜一下其它字体,发现ColorOS内置的字体竟然也是可以免费商用。与一般的黑体相比,OPPO Sans 采用了全新骨架,中宫自然舒适,结构稳定,字形舒展,视觉重心的提高,整体造型看起来挺拔优雅,充满生命力。字体看起来更加简洁、干净,在屏幕显示有着很好的阅读体验,曲度的处理更加圆滑、柔和,看起来很有现代化科技美感。

  看了官网介绍果断开搞,在官网上下载字体包,都是ttf文件格式可以直接安装在电脑上,包含5种粗细不同的字体样式,接近30兆大小。字体共覆盖21个国家语言,共11个语种,共包含22.6w个字符,所以单个字体文件大小高达8.7Mb。虽说也能用,但是对于小水管服务器来说还是有点吃力,在很大程度上影响网页加载速度。

  我之前本来想的是去掉些国外小语种可以减小字体体积,但是还要找教程下软件啥的就懒得折腾。后来看了 ttf 和 woff2 字体格式介绍,woff 字体比 ttf 字体有更小的体积和更好的表现性,如果不考虑兼容性的话,字体使用首推 woff2 。于是在网上找到个开源项目:ttf和woff2互转的网站 My Font Converter,将ttf转换woff2格式后体积只有4.4m,可以节省一半的服务器带宽。接着替换主题样式文件,看效果感觉还可以,网页加载速度也几乎不受影响。

替换字体前后对比

相关链接:

字体介绍:https://www.thosefree.com/oppo-sans
字体下载:https://static01.coloros.com/www/public/img/topic7/font-opposans.zip
转换工具:https://github.com/LibreService/my_font_converter

最后更新 2023-09-02
评论 ( 10 )
OωO
隐私评论
  1. 你好,看完你的博客文章,感觉很不错!希望与你网站首页友情链接
    大流量卡
    http://53go.cn
    专注于移动/联通/电信推出的大流量多语音活动长短期套餐手机卡的相关知识的介绍普及

    听说互换友情链接可以增加网站的收录量,特此来换,如果同意的话就给internetyewu@163.com发信息或者就在此回复下吧!

    湖北省武汉市回复
  2. 我的站就是opposans

    重庆市回复
  3. 是第三方渠道下载的鸿蒙字库吗?有的博主为了节省流量可能会对字库进行精简,删掉很多,可能不小心删到了
    我也使用鸿蒙字体,官方渠道下载的,字体系列为HarmonyOS_Sans_SC_Medium - 300
    个人使用说说进行测试(晖),好像没有发现这个问题

    鸿蒙官方链接:https://developer.harmonyos.com/cn/docs/design/des-guides/font-0000001157868583
    个人说说测试(明日删除):https://linguoguang.com/talktalk/

    广东省深圳市回复
    1. 小何先生 博主
      @木木困玉光

      不太清楚,主题自带的,看了下字体文件大小只有885kb

      重庆市回复
      1. @小何先生

        确实推测可能精简了,个人有5495kb....
        可能开发者为了加速,压缩或者精简了导致的Bug吧

        广东省深圳市回复
  4. OPPO Sans和思源黑还有微软雅黑对比过,还是OPPO Sans看着比较舒服

    广东省广州市回复
    1. 小何先生 博主
      @pellucid

      是的,思源黑体也不错

      重庆市回复
  5. 114514

    ...

    福建省厦门市回复
  6. 小熊

    这个字体看起来确实很舒服

    四川省雅安市回复
    1. 小何先生 博主
      @小熊

      嘿嘿,手机一直在用,给自己网站也安排上

      重庆市回复