0

我有一个页面，它使用通过@font-face 加载的字体将字符串绘制到画布上。

为了等待字体加载，我使用了： https ://stackoverflow.com/a/11688948/746269

它在 Firefox 中运行良好，并且在第一次打开页面时在 chrome/opera 中运行，但是一旦我刷新页面并尝试运行相同的代码，它最终会以默认的“未加载字体”字体绘制，直到我运行第二次编码。

除非我打开一个新窗口或右键单击刷新并选择“空缓存和硬重新加载”，否则第一次总是会失败。

我认为刷新之间可能存在一些变量，但是当我单步执行时，尽管所有值都是正确的，但它会绘制默认字体。

我不能只告诉客户不要刷新页面，我根本看不到解决方案。任何帮助将不胜感激 ：）

4

2 回答 2

2

I solved it by adding this into the html Found out that webkit loads fonts differently to firefox and IE, loading them at the first instance of their use in the html.

<div style="font-family: MyFontName; visibility: hidden; height: 0px; width:0px;">a</div>

于 2013-10-24T15:49:18.610 回答
0

我遇到了同样的问题，我只是通过在我的页面中引用ModernizerJS脚本来解决它。

于 2015-06-04T06:25:05.740 回答