JS UWPのカスタムフォント

Question

javascriptを使用しているUniversal Windows Appにカスタムフォントを追加するにはどうすればよいですか？

私は、新しいフォルダ/fonts/で私のフォントを入れ と私はフォント

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

を追加するためにCSS @font-faceを使用しますが、私はアプリケーション、 をコンパイルするときにエラーを与える：

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 failed cross-origin request. Resource access is restricted.

このエラーは、Visual Studioの何かの原因ではありますか？

Answer 1

これは、Web上でホストされているCSSファイルを指していて、アプリパッケージには含まれていない可能性があります。これは、クロス起源の問題を説明するでしょう。その場合は、URIの絶対パスを指定します。あるいは、パッケージにttfファイルを含めることをお勧めします。

パッケージに含めると、カスタムフォントがうまく動作します。

違うファイルを試してみると、特定のファイルに問題がないことを確認できます。