Изменение глобального шрифта в Angular не работает ⇐ CSS

[Гость]

Я скачал шрифты Ubuntu и сохранил их в папке assets/fonts/Ubuntu

Вот мой файл style.css

@font-face { семейство шрифтов: 'ubuntu'; src: url('./assets/fonts/Ubuntu/Ubuntu-Regular.ttf'); стиль шрифта: нормальный; вес шрифта: 100; } тело { высота: 100%; семейство шрифтов: 'ubuntu'; } HTML, тело { маржа: 0; семейство шрифтов: 'ubuntu'; отступ: 30 пикселей; } Но почему-то эти настройки не применяются. Что бы я ни делал, шрифт всегда тот же, что и раньше. Я не вижу никаких изменений. Также при использовании инструментов разработчика в консоли не возникает ошибок.

Есть ли что-то еще, что мне следует изменить/добавить?

Я использую Angular 16, Angular Material 16.1.5 и браузер Firefox.