google-chrome - 铬的神秘布局错误

对不起图片，但这个bug随机出现，我无法提供jsFiddle代码，因为我不知道如何重现它。

以下是我的网站在主要浏览器中看起来不错的部分： Valid layout

通常它在Chrome中看起来不错，但有时我会得到这种布局：

Invalid layout

此错误出现在所有网站页面上，而不仅仅是此示例页面。

当我尝试打开开发工具并更改某些布局时，bug最终会在整个网站上消失，并且在重新浏览器重新加载之前我无法重现它。

我也知道它是旧的Chrome bug，它存在至少一年，所以我相信有人已经知道解决方法如何解决它。

请帮助我，感谢任何帮助。

P.S。我有“干净”的浏览器，没有扩展名。其他人也看到了这个bug，不仅仅是我:)。

P.P.S。如果有人想要重现这个错误 - 你可以按照你在照片上看到的网站（请求时删除的链接），但正如我之前所说 - 有时会出现，如果有的话不显示，关闭并打开浏览器并重试。

我怀疑最终重排后FOUC没有得到纠正，最后这个菜单使用的字体已下载并可用。

项目采用'SignikaNegativeBold'字体设计。此字体在第三个CSS文件中加载@font-face。这已经很晚了，尝试在第一个CSS文件开头的任何图像或其他资源之前尽快加载它。在此之前只应编写@import声明，否则它将无效。

还尝试通过将不同的CSS文件合并为一个来加载一个CSS文件（您应该继续使用许多CSS文件，只需将它们在服务器上合并到一个将由用户下载的新文件中）。 / p>

无关：您声明<html lang="ru" (...)>但它对我来说似乎是英语，我看不懂西里尔语;）您应该在多语言网站中动态更改声明的语言。 en用于英文页面，ru用于俄语页面等