更换网站字体为鸿蒙字体
最近刷博客的时候, 发现了一个很有感觉的字体: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 两位专业大大提供的建议进行了优化~
相关文章
- HashMap扩容resize流程
- 需求拆分的原则和方法
- 【C语言进阶】字符串函数(重置版与加强版)
- C#断言检测有啥用?他和异常处理又有什么关系?
- JMeter压测之线程数、定时器、调度器
- C++ 常见错误(01) —— error LNK1104: 无法打开文件“avcodec.lib”
- 4个工具,让 ChatGPT 如虎添翼!
- 理解HTTPS及配置
- Window10 C盘清理经验
- Django报错ImportError: cannot import name ‘ugettext_lazy‘ from ‘django.utils.translation‘
- 计算机基础小结
- C语言求ln2
- jmeter进阶——获取图形验证码
- 风吹雪支付系统易支付去后台验证版本代理系统
- 网络验证系统BSPHP,C++软件对接验证案例视频
- PHP中的,array_filter()函数
- 蔬菜视觉分拣机器人的设计与实现(RoboWork参赛方案)
- windows下安装skywalking8.6.0(用于本地开发调试代码)
- 【算法之旅】初识数据结构与算法
- 【C/C++】必知必会知识点大总结