在JS执行之前应用CSS字体

Question

我正在构建使用HTML主体顶部的画布表面的Web应用程序。我用画布在SPAN周围绘制边框。它几乎完美地工作但我仍然在页面加载方面存在问题。

我已经使用了chrome调试器，并注意到css文件的字体样式在脚本执行后应用，这会混淆DOM getElementRects方法并导致在完全呈现页面后跨度边框错位。下面我附上截图。

你知道如何解决这个问题吗？我可以等到完全应用css样式吗？

Answer 1

Is $(document).ready() also CSS ready?

  

ready（）方法不再尝试对等待加载所有样式表做出任何保证。相反，所有CSS文件都应该包含在页面上的脚本之前。更多信息

确保您的脚本位于html页面的底部。

Answer 2

字体加载比css加载需要更多时间，以下是 - ＆gt; How to be notified once a web font has loaded