// 创建一个新的<style>标签
var style = document.createElement('style');
// 将字体文件链接放在<style>标签中
style.textContent = `
@font-face {
font-family: 'MyFont';
src: url('path/to/font.woff2') format('woff2');
}
`;
// 将<style>标签添加到页面的头部或尾部
document.head.appendChild(style);
{/collapse-item}
// 异步加载字体文件
var myFont = new FontFace('MyFont', 'url(path/to/font.woff2) format("woff2")');
myFont.load().then(function(font) {
// 字体加载完成后,将其应用于页面中的元素
document.fonts.add(font);
});
{/collapse-item}
文章来自:吃猫的鱼博客(网页字体文件最后再加载实现方法)
评语