Html 最初字体模糊，然后恢复正常

最后我用SCSS创建了一个页面。但是我遇到了一个问题。 我创建了这张卡并添加了SCS。最初，我得到一个这样的文本。但几秒钟后，它又回到了我所需要的。我在head标签中使用了谷歌字体链接，也在scss中使用了导入的字体链接。但结果是一样的。这只发生在卡片内部的文本中。 这是我的SCS

.blog{
.卡片标题{
字体大小：1.3rem；
颜色：$卡头颜色；
字号：500；
}
p、 卡片内容{
颜色：$secondary color；
页边距底部：0；
}
.卡体{
盒影：0px 0px 22px 0px#e0；
背景#ffffff00；
背景滤镜：模糊（8px）；
边界：#ffffff；
边界半径：10px；
填充：1.25rem；
}
}

博客的标题。它可能是任何东西。这是必须的
在这个盒子里。

您尝试过平滑字体吗

.className{
-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}

---

很好，谢谢你的回复，但它没有起作用。如果你和演示分享完全相同的视觉效果，我们可以帮助你。你是否尝试移除背景滤镜：模糊（8px）；您不需要为阴影提供额外的模糊选项。如果你给它的阴影，它与模糊属性无关。事实上，我的SCS有个错误。这就是为什么我会遇到这个问题。谢谢你的时间。