{√} HarmonyOS Sans 是华为推出的鸿蒙系统默认的字体,好康
下载 HarmonyOS 字体-HarmonySanc 官方文档
这是官方开放开发文档,大家可以自行下载,不过 ttf 字体文件太大,有 8M 左右,导致网站加载资源时间较长,将 ttf 转换成 woff 文件(4.3M)左右,我已经将 ttf 和 woff 文件都上传到 jsdeliver 上了,大家最后引用一下就可以了! (jsdeliver国内许可证掉了,失去国内节点加载变慢。替换「//cdn.jsdelivr.net」为「//jsdelivr.panbaidu.cn」)
有两种方法可以实现都挺简单
输入你的字体链接,从而实现字体美化 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样式添加以下代码:
<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
字体
效果显而易见~