无法使用字体
const fontStyleTag = document.createElement('style');
fontStyleTag.innerHTML = `
@font-face {
font-family: element-icons;
src: url('https://unpkg.com/element-ui/lib/theme-chalk/fonts/element-icons.woff') format("woff"),
url('https://unpkg.com/element-ui/lib/theme-chalk/fonts/element-icons.ttf') format("truetype");
font-weight: 400;
font-display: "auto";
font-style: normal
}`;
document.head.appendChild(fontStyleTag);
不知道为何,无法从html代码中发出http请求,因此下载不到对应的字体文件。
上述方案中,通过代码动态地在中插入了节点,就可以顺利进行下载了。这不是一个很完美的方案,但能解决问题。