zl程序教程

您现在的位置是:首页 >  其他

当前栏目

更换网站字体为鸿蒙字体

2023-04-18 16:11:34 时间

最近刷博客的时候, 发现了一个很有感觉的字体:HarmonyOS Sans

HarmonyOS Sans是华为推出的鸿蒙系统默认的字体,可以免费商用. 这个字体对中文进行的优化,使得更加易读,系统字体区别于传统平面印刷字体,在智能终端的应用场景之中看起来非常干净利落,让用户阅读文字的时候更加方便. 在西文字形设计方面,选用纯粹而经典的几何造型,直观醒目. 还有大开口造型处理,字形易认,辨识度更高。和其他字体相比起来,鸿蒙字体削弱了黑体的机械感,可以让用户明显感知到了字体笔画的优化. 更多了解:官方文档

起初看到这个字体的时候是在@THYUU老哥站点上看到的,当时看到他这个主题的时候,就感觉莫名的不一样,可能跟字体有很大的关系吧. 当时也没太注意,直到昨天在某群看到一个站点,点进去一看,感觉都不一样的,字体很是突出,真的让我明显感知到了字体笔画的优化,和其他字体相比起来,的确是削弱了黑体的机械感,字形易认,辨识度更高. 于是就决定给我主题也换上这个字体看看,通过了解,需要先到官方文档下载字体. 为了方便引用 我干脆直接上传到了我的GitHub 并通过jsdelivr进行CDN加速: https://cdn.jsdelivr.net/gh/irozhi/HarmonyOS-Sans/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Medium.woff https://cdn.jsdelivr.net/gh/irozhi/HarmonyOS-Sans/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Medium.woff2 最后打开样式文件添加以下代码:

@font-face {
    font-family:HarmonyOS_Sans_SC_Medium;font-style: normal;font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/irozhi/HarmonyOS-Sans/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Medium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/irozhi/HarmonyOS-Sans/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Medium.woff') format('woff');
}
*{font-family:HarmonyOS_Sans_SC_Medium;}

就这样,HarmonyOS Sans就更换好了! 效果显而易见~ 最后感谢@THYUU @FONG 两位专业大大提供的建议进行了优化~