前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >更换typecho字体为HarmonyOS Sans

更换typecho字体为HarmonyOS Sans

作者头像
今天风真的好大好大啊
发布2022-04-02 14:42:12
2.1K0
发布2022-04-02 14:42:12
举报
文章被收录于专栏:白鸽小屋白鸽小屋

{√} HarmonyOS Sans 是华为推出的鸿蒙系统默认的字体,好康

康康
康康

下载 HarmonyOS 字体-HarmonySanc 官方文档

这是官方开放开发文档,大家可以自行下载,不过 ttf 字体文件太大,有 8M 左右,导致网站加载资源时间较长,将 ttf 转换成 woff 文件(4.3M)左右,我已经将 ttf 和 woff 文件都上传到 jsdeliver 上了,大家最后引用一下就可以了! (jsdeliver国内许可证掉了,失去国内节点加载变慢。替换「//cdn.jsdelivr.net」为「//jsdelivr.panbaidu.cn」)

实现

有两种方法可以实现都挺简单

使用插件

  1. 安装 AliceStyle 插件 这是萌卜兔的美化的插件, 下载地址
  2. 开启插件并使用字体
图

输入你的字体链接,从而实现字体美化 jsdeliver 云端 ttf 字体:

https://jsdelivr.panbaidu.cn/gh/baige007/ttf/HarmonyOS_Sans_SC_Medium.ttf

jsdeliver 云端 woff 字体:

https://jsdelivr.panbaidu.cn/gh/baige007/ttf/HarmonyOS_Sans_SC_Medium.woff

https://jsdelivr.panbaidu.cn/gh/baige007/ttf/HarmonyOS_Sans_SC_Medium.woff2

使用CSS

在后台CSS样式添加以下代码:

代码语言:javascript
复制
<style>
@font-face {
    font-family:HarmonyOS_Sans_SC_Medium;font-style: normal;font-display: swap;
    src: url('https://jsdelivr.panbaidu.cn/gh/baige007/ttf/HarmonyOS_Sans_SC_Medium.woff2') format('woff2'),
         url('https://jsdelivr.panbaidu.cn/gh/baige007/ttf/HarmonyOS_Sans_SC_Medium.woff') format('woff');
}
*{font-family:HarmonyOS_Sans_SC_Medium;}
</style>

本站用的就是HarmonyOS Sans字体 效果显而易见~

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021 年 12 月,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 实现
  • 使用插件
  • 使用CSS
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档