Javascript JS-UWP中的自定义字体

如何向使用javascript的通用Windows应用程序添加自定义字体

我将我的字体放入一个新文件夹

/font/

， 我使用CSS

@font-face

添加字体

@font-face {
    font-family: "Montserrat";
    src: url("../font/Montserrat-Regular.ttf");
}

但是当我编译应用程序时， 它给出了错误：

The app couldn’t resolve ms-appx://817ec616-2c4f-44b6-aa98-2108aca6a18a/lib/fonts/Montserrat-Regular.ttf because of this error: DATA_NOT_AVAILABLE.

和

@font-face跨源请求失败。资源访问受到限制。

---

此错误是否是由于Visual Studio中的某些内容造成的？

这可能是指web上托管的CSS文件，而不是应用程序包中的CSS文件。这可以解释跨来源问题。如果是这种情况，那么指定URI的绝对路径。或者，更好的方法是在包中包含ttf文件

当包含在包中时，自定义字体对我来说很好

---

如果不是这样，请尝试另一个文件，以检查特定文件是否有问题。

这可能是指web上托管的CSS文件，而不是应用程序包中的CSS文件。这可以解释跨来源问题。如果是这种情况，那么指定URI的绝对路径。或者，更好的方法是在包中包含ttf文件

当包含在包中时，自定义字体对我来说很好

如果不是这样，请尝试其他文件，以检查特定文件是否存在问题