Login
Loading...
- 更换网站字体为鸿蒙字体
最近刷博客的时候,
发现了一个很有感觉的字体: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就更换好了! @heo(2)
效果显而易见~
最后感谢@THYUU @FONG 两位专业大大提供的建议进行了优化~