Google chrome extension chrome扩展阴影DOM导入boostrap字体

所以我想在从chrome扩展内容脚本添加的shadowroot中显示bootstrap 3图标。到目前为止还不起作用，救命啊

manifest.js在web\u可访问的\u资源中包含woff文件

阴影根具有以下样式标记：

 @import url(chrome-extension://__MSG_@@extension_id__/fonts/glyphicons-halflings-regular.woff2); 

---

我缺少什么？

要导入字体，不应使用用于导入CSS样式表的

@import url

相反，您应该使用该指令

此外，该指令应该放在HTML页面的

元素中，而不是放在影子DOM中

host.attachShadow（{mode:'open'}）
.innerHTML=`
.icon{font-family:图标；颜色：绿色；字体大小：30pt}
`

@font-face{
字体系列：“图标”；
src:url（“https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff2）格式（“woff2”）
}