IE9 在显示后不会为模态应用 @font-face 字体
所以，我有一个带有 SimpleModal 的页面，并且通过 Typekit 应用字体（它使用一些棘手的 JS 来设置一些 @font-face 规则），一切都很漂亮。
除了模态本身；当您单击打开它时，不会应用 @font-face 字体，因此看起来很糟糕。但是，如果您关闭它&重新打开它，或者使用开发人员工具，字体突然神奇地应用了。
有人看过这个吗？
So, I've got a page w/ a SimpleModal on it, and fonts are applied via Typekit (which uses some tricky JS to set up some @font-face rules) and everything is just dandy.
Except for the modal itself; when you click to open it, the @font-face fonts aren't applied, so things look janky. If, however, you close it & re-open it, or you use the Developer Tools, the font is suddenly magically applied.
Anybody seen this?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
所以 Eric 提供了答案（考虑到他是 SimpleModal 的开发者，这是有道理的。）
无论如何，只需要在模态调用中添加
clone: true，如下所示：然后 IE9 渲染
@font-face马上就可以了！杰出的。So Eric provided the answer (considering he's the developer of SimpleModal, that makes sense.)
Anyway, just need to add
clone: trueto the call for the modal, like so:And then IE9 renders
@font-facestuff right away! Brilliant.