Шрифт, импортированный в приложение Angular (S CSS), не загружается на другие устройства - PullRequest
0 голосов
/ 30 марта 2020

Я использовал два шрифта на протяжении всего приложения: Bebas Neue и Nunito. Я импортировал эти шрифты с помощью операторов @import в файле styles.s css в каталоге приложения.

@import url('https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nunito:700&display=swap');

И затем использовал их в отдельных компонентах.s css с font-family

element {
   font-family: "Bebas Neue";
}

И аналогично для другого шрифта.

Это отлично работало во время разработки. После производственной сборки приложение все еще правильно отображало шрифты на моем устройстве, , но они вообще не загружаются на другие устройства. Это может выглядеть как дубликат другого вопроса, но я не смог найти решение к этой проблеме конкретно. В чем может быть проблема?

1 Ответ

1 голос
/ 30 марта 2020

Попробуйте использовать его таким образом.

Скопируйте и вставьте приведенный ниже код в файл index.html в каталог проектов src, как показано ниже внутри тега <head>

<link href="https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Nunito:700&display=swap" rel="stylesheet">
...