Использование Roboto в автономном приложении

У меня есть приложение Cordova/Angular2, основанное на angular-cli, также использующее Material Design. Я отмечаю, что при сборке я получаю файлы в моем каталоге dist, такие как

roboto-v15-latin-regular.eot  
roboto-v15-latin-regular.svg  
roboto-v15-latin-regular.ttf  
roboto-v15-latin-regular.woff  
roboto-v15-latin-regular.woff2

хотя, честно говоря, я понятия не имею, кто несет ответственность за это. Проблема в том, что даже если у меня есть body { font-family: Roboto, sans-serif; } в моем CSS, Roboto не применяется, и я получаю старый добрый шрифт без засечек. Подозреваю, что нужные @font-face объявления нужно откуда-то приносить, но откуда - понятия не имею.

Мой вопрос: есть ли где-нибудь волшебный файл CSS с соответствующими определениями @font-face, которые я могу, например, @import из app/styles.css?

Кроме того, шрифты в дистрибутиве, похоже, только для обычного веса. Поскольку я не знаю, кто несет ответственность за то, что эти шрифты были включены в сборку, я также озадачен тем, как я могу добавить другие версии Roboto с другим весом, если захочу.

Я прочитал этот вопрос, но он кажется слишком сложным и, возможно, устаревшим.


person Community    schedule 10.03.2017    source источник