内容消失或随机出现Chrome

Question

奇怪的错误我曾经修复过一次，但没有记下来/记录它/报告它所以现在我迷失在相同的工作框架中。

所以，它是一个Angular 2应用程序，内容是硬编码的html，没有Angular绑定变量，数据绑定或类似。

错误出现在Chrome上，而不是Firefox上。

如果我连续刷新10次，内容有时会显示，而其他内容则不会显示，没有任何模式或线索。

一旦内容被隐藏，如果我更改任何元素属性，将立即显示所有内容。

我附上了一个可以清楚解释错误的gif。

感谢您的任何想法/建议/帮助：）

编辑1：

我刚刚添加了两张css计算图片，一张是Bootstrap 4，另一张没有框架，结果相同。

Answer 1

与Angular或类似的东西完全无关。

我正在从GoogleFonts页面导入字体。如果我下载此字体，我会获得 TTF 格式，这在Chrome上有错误并且无法正常工作，但如果我链接到他们的服务器，则使用 WOFF2 格式

请参阅附图，其中显示了相同字体的不同格式。