Javascript：什么时候应用字体？

Question

我们有一个应用程序，其中：

• 将字体的Lato应用于身体
• 需要计算一些元素的offset().top值（对于scroll-spy）

现在，我们在Angular link函数中计算offset().top的值，应该在DOM准备就绪后调用它。

但是，我们发现值不正确。 如果禁用字体Lato ，则值将变为正确。

因此，我们怀疑在link函数中进行计算时，字体尚未呈现到body ，从而使offset()值不正确。

仅在应用字体后，如何计算？

我尝试了如何知道何时应用了font-face时给出的解决方案，但是没有运气。

Answer 1

是的，我们在工作中遇到了完全相同的问题。 我们集成了一个webfont加载程序以避免这种行为。 我认为最著名的就是这个： https : //github.com/typekit/webfontloader （由Google和Typekit开发）

您将具有加载字体状态的事件。 当所有字体都呈现后，例如，“活动”。 您可以将JavaScript回调绑定到此事件，因此可以在应用字体后开始计算。