css - 看似平等环境下的字体差异

Question

我安装了两个 Laravel，包括 Bootstrap。

据我所知，在 body 标签上都包含 Montserrat。

其中一个安装不需要在 app.sass 中声明它(这意味着它直接包含在 Bootstrap 中)。

不过，对方需要，否则默认为浏览器默认字体。

然而，即使两个安装具有相同的 Montserrat @import-ed，它们看起来也不一样。我怀疑错误的是真正的蒙特塞拉特，而正确的是某种 Bootstrap 糖衣，而另一个则做不到。

如需查看，请关注:

期望的效果: This link 并在您使用 maximilian.berbechelov@gmail.com 和 123456 登录后再次单击它。我知道它是西里尔字母，但我认为这不重要。

有问题的影响: This link - 无需登录。

我在 sass 文件中有一个 body font-family 声明(所需的没有这样的声明)，因为没有它字体是浏览器的默认字体。

Answer 1

您可以看到您的字体在字体系列名称之后添加了 !important，如下所示。

body {
    margin: 0;
    padding: 0 0 50px 0;
    min-height: 100vh;
    font-family: "Montserrat", sans-serif!important;
    background-image: linear-gradient(45deg, #1de099, #1dc8cd);
}
.navbar-brand {
    letter-spacing: 3px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 2.1rem;
}