Я работал над личным проектом Angular 4 и хотел добавить семейство шрифтов Ubuntu в мое приложение Angular. Какова наилучшая практика или стиль для добавления в проект нескольких пользовательских шрифтов? В настоящее время я сохранил семейство шрифтов ubuntu в /assets/fonts/ubuntu -font-family-0.83 и добавил его во внешний файл большинства компонентов CSS, app.component.css с шрифтом.
@font-face {
font-family: 'Ubuntu';
src: url('/assets/fonts/ubuntu-font-family-0.83/Ubuntu-R.ttf');
}
Поместив это в исходный компонент, мне не нужно переопределять шрифт во вложенных компонентах, я просто рассматриваю его как семейство шрифтов по умолчанию.
Есть ли более четкий/лучший способ сделать это и все еще вырезать повторяющийся код?