Пользовательские шрифты в JS UWP

Question

Как добавить пользовательский шрифт в универсальное приложение Windows, использующее javascript?

Я положил шрифты в новой папке /fonts/, и я использовал 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 failed cross-origin request. Resource access is restricted.

Возможно, эта ошибка возникла из-за чего-то в Visual Studio?

Answer 1

Это может быть, если вы имеете в виду файл CSS, размещенный в Интернете, а не в пакете приложений. Это объясняет проблему перекрестного происхождения. Если это так, укажите абсолютный путь для URI. Или, еще лучше, включите файл ttf в пакет.

Пользовательские шрифты отлично работают для меня, если они включены в пакет.

Если это не попытка попробовать другой файл, чтобы проверить, что это не проблема с конкретным файлом.