css - 粗体内容需要更长的加载时间

我有一个Angular应用程序，其页面包含：

<p>Text<span class="bold">Bold text</span><p>

粗体类定义为

.bold {
  font-weight: bold;
}

页面加载时，首先出现“文本”，然后出现“粗体”。
如果我将任何其他CSS类应用于该范围，则不会发生此问题，这与字体有关，但我无法弄清楚正在发生什么以及如何解决它。

最佳答案

避免包含字体cdn或指定font-weight:bold。
从Google字体网站下载所需的字体。它将为您提供选择下载相同字体的各种样式的选择。即斜体，粗体，半粗体等。

当您使用此方法时，加载字体不会花费时间，您的问题将得到解决。

关于css - 粗体内容需要更长的加载时间，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57174149/