效果

方法

在主体CSS添加以下代码：

/*鸿蒙字体*/
@font-face{font-family:'Meslo LG';font-style:normal;font-size:18px;src:local('Meslo LG S'),url(字体链接) format('woff2')}
*{font-family:Meslo LG;}

文档

官方文档：鸿蒙字体下载

感谢

感谢@荒野孤灯 提供的woff2文件,大家需要下载的话F12--Network找到hm.woff2下载即可~

—— —— —— —— —— —— —— —— —— —— —— —— —— —— —— —— —— —— —— —— ——

我的博客即将同步至腾讯云开发者社区，邀请大家一同入驻：https://cloud.tencent.com/developer/support-plan?invite_code=3rv5wbuyta044