Javascript 未格式化内容问题的Flash

我正在使用Head.js、googleweb字体，并从Web上的其他地方提取一些内容（占位符图像）

我注意到，在页面加载时，我会看到未设置样式的内容，然后标题字体会正确加载，但不会以适当的权重加载，然后加载适当的权重

你知道是什么导致我的标题文本出现这种奇怪的行为吗？它不应该只是从未设置样式到正确的要求字体吗

还有，停止对禁用javascript的人友好的FOUC的最佳方法是什么

谢谢

更多详情：

我正在使用谷歌提供的Javascript方法插入我使用的3种字体。我可以清楚地看到，它正在加载'Istok+Web:700:lating'，这意味着只应提供700的重量

因为这个方法，我根本不用@font-face。简单的字体系列，就好像它是一个普通的东西

---

虽然我使用的是LESS.js，但从网络分析仪上看，它似乎并没有导致任何重大的速度减慢

这只是因为浏览器在下载所有内容之前就已经显示了网站。对于所有字体权重，您是否有一个@font-face css规则，或者对于普通/粗体字体权重，您是否有一个单独的@font-face css规则？还请注意，尽管从Google CDN加载字体很方便，但这并不是最快的方式（因为必须建立新的http连接）//编辑当你使用“快速使用”按钮时，谷歌总是为不同的权重设置不同的字体文件

---

在使用head.js时，无法阻止未格式化内容的闪现，因为所有内容都是并行加载的，而浏览器往往会尽快显示所有内容。只要祈祷每个人都有一个快速连接。你为什么要介意呢？在加载过程中，您总是会看到某种半页…

FOUC似乎可以通过使用visibility:hidden，然后在head.ready将visibility设置为visible来防止（理论上）。这个解决方案的问题是A）我自己似乎无法让它工作，B）禁用javascript的人什么也看不到。但是禁用javascript的人无论如何也看不到任何东西，因为你用javascript加载你的资产。。。所以，如果你想让你的网站具有样式和javascript效果，不要使用head.js…他们会看到未设置样式的文本。这很好。但如果我要实现可见性：隐藏，他们将看不到任何文本。