记录一个简单教程,本站使用的是zblog,发现鸿蒙字体很好看,就研究了一下,现在把教程分享给大家,希望能给有需要的朋友一点帮助
首先我们要引入字体文件代码,参考代码如下:
@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教程
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。