javascript - HTML Text with font-weight : normal 先渲染，Font-weight:bold 后渲染

Question

在生产网站（不能透露）中，正常粗细的字体似乎首先呈现，然后粗体粗细的字体稍后呈现。两者都使用相同的字体系列。在 Chrome / Opera 上可以看到这种行为。正常和粗体字体从不同的字体文件 (woff) 加载。此外，文件下载之间几乎没有任何时间差异。

有什么办法可以改进吗？

看看所附图片中的 nytimes.com。这种行为不适合我。对于我的网站，Normal Font weight 先加载，然后再加载粗体。文本也在同一部分

Answer 1

如果由于加载时间问题，您有 1 个样式表加载并被应用，那么其他加载和覆盖，那么您有几个选项可以解决这个问题。

您还没有提供任何代码，所以我将在理论上进行讨论，并说如果它不影响其他元素，您可以删除被覆盖的声明。

您还可以使用 JavaScript 在加载两个样式表之前不显示页面/特定元素，这意味着您所谈论的问题永远不会被看到。

这是我在没有看到正确的代码场景的情况下可以提供的所有帮助。