Angular 14, загружается только последний импортируемый шрифт Roboto при ng build —configuration prodaction, почему?

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

Во-первых, убедитесь, что вы правильно настроили импорт шрифта Roboto в вашем проекте. Обычно шрифты должны быть импортированы в файле стилей (например, в файле styles.scss), который используется как общий файл стилей для всего проекта.

Вот пример кода, который должен быть добавлен в ваш файл стилей:

@import '~@angular/material/prebuilt-themes/indigo-pink.css';
@import '~@angular/material/theming';

// Общие настройки шрифтов
$font-family: 'Roboto', sans-serif;

// Импорт шрифтов
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

// Применение шрифта к всем элементам
html, body {
  font-family: $font-family;
  font-weight: 300;
}

// Остальные стили вашего проекта

Убедитесь, что в вашем проекте присутствует такой код и что путь к шрифтам указан правильно.

Во-вторых, проверьте вашу конфигурацию сборки для режима production. В Angular используется файл angular.json для настройки процесса сборки. Убедитесь, что в этом файле задан правильный путь к стилям и шрифтам.

"production": {
  "fileReplacements": [
    {
      "replace": "src/environments/environment.ts",
      "with": "src/environments/environment.prod.ts"
    }
  ],
  "assets": [
    "src/favicon.ico",
    "src/assets",
    // Добавьте путь к шрифтам в assets
    "src/fonts"
  ],
  "styles": [
    "src/styles.scss"
  ],
  "scripts": []
},

Убедитесь, что в поле "assets" указан правильный путь к шрифтам.

Если вы все проверили и проблема по-прежнему остается, вероятно, проблема кроется в webpack конфигурации вашего проекта. В таком случае рекомендуется проверить файл webpack.config.js или другие конфигурационные файлы, связанные со сборкой проекта, и убедиться, что правильно настроены пути к шрифтам и стилям.

Надеюсь, эта информация поможет вам найти и исправить проблему с загрузкой шрифтов Roboto при сборке вашего проекта Angular. Если проблема по-прежнему остается, рекомендуется обратиться к документации Angular или к сообществу разработчиков для получения дополнительной помощи.