Z-Blog搭建的网站修改HarmonyOS为网页字体教程

知新坊 教程归档 357

记录一个简单教程,本站使用的是zblog,发现鸿蒙字体很好看,就研究了一下,现在把教程分享给大家,希望能给有需要的朋友一点帮助

Z-Blog搭建的网站修改HarmonyOS为网页字体教程-第1张图片-资源分享

首先我们要引入字体文件代码,参考代码如下:

@font-face{font-family:HarmonyOS_Sans;font-style:normal;font-display:swap;src:url(libs/HarmonyOS_Sans.subset.woff2) format('woff2')}

@font-face可以加载服务器端的字体到浏览器端,这样我们就可以不受客户端字体库的限制。

其中libs/HarmonyOS_Sans.subset.woff2就是你这个字体放置的目录,自己根据情况调用就行

确保正常全局调用,建议在采用的是相对路径,当然大家也可以使用绝路径。

body,a{font-family: HarmonyOS_Sans;}

font-family:为字体名称

鸿蒙字体下载地址:https://xiaoxu.lanzoub.com/irHQe242jgze

关注公众号

标签: HarmonyOS字体 zblog教程