时间戳

首页 > 解决方案 > 有没有办法修复添加 ng-bootstrap 后模糊的自定义字体？

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

问题描述

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

标签： sassfontsng-bootstrap

解决方案

推荐阅读