Я создаю приложение Angular 7 CLI, которое использует ng-bootstrap.Перед добавлением ng-bootstrap я применил пользовательские шрифты к кнопкам, которые работали и хорошо отображались.После добавления ng-bootstrap шрифты размыты.
Я уже пытался добавить SCSS в основной файл styles.scss:
button {
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}
Я также пробовал:
button {
-webkit-font-smoothing: inherit;
}
Кроме того, я добавил класс !important
, чтобы попытаться форсировать его.Когда я удаляю пользовательский шрифт из кнопки, шрифт по умолчанию выглядит четким и чистым.