正确的字体重量加载然后在半秒后改变？答案

【问题标题】：Correct font-weight loads then changes half a second later?正确的字体重量加载然后在半秒后改变？
【发布时间】：2023-03-09 15:03:01
【问题描述】：

我已将我的 h2 字体粗细设置为 700，当我加载我的页面时，我的 H2 标签会以正确的字体粗细 (700) 加载，但半秒后会反弹到更轻的字体粗细，这是不正确的。

如何阻止字体粗细变化？

这可能是由于我的主题的 CSS 和 Bootstrap 之间的冲突？

请参阅文本 - “如何预算 - 目录”。

山姆

【问题讨论】：

如果您有自定义 css 文件，则添加 h2.section { font-weight: 700 !important;并检查它是否适合您，错误是导致此链接无法在您的主题索引处加载
我尝试按照您的建议添加 h2.section 但没有成功？
是的，因为安装了 JQ 迁移版本 1.4.1。
您能解释一下您安装的 JQ 迁移版本 1.4.1 是什么意思吗？谢谢，我想通了（见下文），有点破解。
它是一个 javascript 文件，允许我们使用已弃用的 jQuery 函数。也许最近你更新了你的主题..或者它可能是你的主题文件附带的。我想你最近更新了你的主题。

【解决方案1】：

对于快速解决方案，请将您的字体样式设置为重要，以拒绝任何更改。

font-weight: 700 !important;

【讨论】：

谢谢我尝试添加以下内容： h2 { margin: 1.8em 0 1.1em 0;字体大小：28px；字体大小：3rem；字体重量：700 ！重要；但问题仍然存在？我也试过：h2.section { font-weight: 700 !important; } 再次没有运气。
嗯，很奇怪，尝试使用浏览器进行检查，看看为什么它没有被应用
谢谢，我想通了，我给你加了1。

【解决方案2】：

它看起来像下面的 CSS 文件：

https://www.moneynest.co.uk/wp-content/themes/genesis-sample/A.style.css,qver=2.2.4.pagespeed.cf.dNG5vHCgAf.css

正在添加以下规则：

h1.title{
    font-weight: 300;
}

按照 Rudi 的建议将 !important 添加到您的 CSS 中，或者更具体地使用您的 css 覆盖，如下所示：

.site-inner h1.title{
     font-weight: 700;
}

【讨论】：

【解决方案3】：

哈利路亚！我设法修复它。

我最终将<h2> 标签上的字体系列从：Open Sans 更改为Open Sans:700，然后我在其上添加了!important 标签以避免覆盖并应用font-weight: bold;。

h2 {
font-family: "Open Sans:700",sans-serif !important;
font-weight: bold;
}

自我注意 - 保持简单，避免过多的样式表。

【讨论】：