首选通过document.fonts来加载字体文件,再给html加个class
if("fonts" in document) {
document.fonts.load("1em SourceHanSansCN");
document.fonts.ready.then(function(fontFaceSet){
document.documentElement.className += "sj-font-family";
});
}
document.fonts介绍:https://developer.mozilla.org/zh-CN/docs/Web/API/Document/fonts
然后在css文件里也引入字体,设置样式
@font-face{
font-family: SourceHanSansCN;
src:url(font/SourceHanSansCN/SourceHanSansCN-Light.otf);
font-display: swap;
}
.sj-font-family body{font-family:"SourceHanSansCN";}
写到最后,欢迎关注作者:http://fenxianglu.cn/
网友评论