Angular 9: S CSS Импорт из fonts.google.com не работает в производственном режиме - PullRequest
Новая
       20

Angular 9: S CSS Импорт из fonts.google.com не работает в производственном режиме

0 голосов
/ 26 марта 2020

Я импортирую шрифт в приложение Angular 9 style.scss, используя следующий синтаксис: 

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');

Это работает, когда я запускаю ng serve. Однако импорт, похоже, не работает, когда пакет Angular развернут в рабочем режиме. Рабочий комплект не пытается загрузить этот шрифт - нет сетевого запроса. Кроме того, в консоли Chrome нет ошибок.

У меня локально установлены шрифты, которые делают , поэтому я подозреваю, что это как-то связано со сторонними размещенными шрифтами: 

@font-face {
  font-family: Korolev;
  font-weight: 600;
  font-style: normal;
  src: url('assets/fonts/korolev-medium-webfont.ttf');
}

Отслеживание ошибки связано с тем, что называется injectStylesIntoStyleTag.js, из Webpack style-loader . Похоже, это работает, когда ng serve запускается в режиме разработки, поскольку мы видим запрос, инициированный из скрипта, который создает <style> в заголовке, который загружает шрифт. Однако при запуске в производственном режиме либо механизм загрузки шрифтов отличается, либо он не срабатывает.

network log entry

  • Должен ли S CSS импортировать из стороннего производителя нормально в Angular режиме производства?

  • Если import для сторонних шрифтов не рекомендуется, какой механизм предпочтителен для использовать сторонние шрифты в таблицах стилей?

...