有没有办法修复添加ng-bootstrap后模糊的自定义字体？

Question

我正在创建一个使用ng-bootstrap的Angular 7 CLI应用程序。在添加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类来尝试强制它。当我从按钮中删除自定义字体时，默认字体显得清晰明了。