我正在尝试将.ttf文件加载到我的vscode扩展名的webview面板中。但是，我似乎无法理解应该指向什么网址。我目前的尝试是：
@font-face{
font-family: myfont;
src:url("vscode-resource:{fontlocation}")
}
body{
}
然后{fontlocation}，我将结果替换为__dirname + path.sep + "myfont.ttf"，也就是myfont.ttf文件的绝对位置，该位置位于扩展文件夹的根目录中。
我究竟做错了什么？
像往常一样，修复程序非常尴尬。问题是我在Windows上运行此命令，而CSS不喜欢默认路径分隔符（\）。因此，一个简单的解决方法是使用__dirname.split(String.fromCharCode(92)).join("/") + "/myfont.ttf"。
进入CSS后，路径应如下所示：
src:url(vscode-resource:C:/Users/me/source/repos/vscodeextension/out/myfont.ttf)
我什至不需要在webview上添加任何内容localRessourceRoots，因为扩展名已经可以访问其自己的安装目录。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句