IE 自定义字体和 jQuery 动画 - 字体显示问题
我在我的网站上使用一些简单的 jQuery 动画：
$("#content").hide().fadeIn(3000);
并且我在 CSS 中使用来自 google 的自定义字体（如果这很重要，我会从 google 服务器加载字体）。
没有动画字体看起来不错，但是当我编写这段 jQuery 代码时出现了问题。在动画期间字体渲染得很糟糕，而当动画结束时它看起来又很好。其他浏览器没问题。我尝试过在 jQuery 中使用 opacity 和 animate() ，但是字体在动画之后没有恢复良好的外观，所以它甚至是最糟糕的。
I use on my website some simple jQuery animation:
$("#content").hide().fadeIn(3000);
And I'm using custom fonts from google in CSS (I load font from google server if that's important).
Without animation fonts looks fine, but when I wrote this jQuery code there is a problem. During the animation fonts render terrible and than, when animation end it looks fine again. Other browsers are fine ofc. I've tried to work with opacity and animate() in jQuery but than font was not coming back to good looking after animation so its even worst.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我以前也遇到过这个问题。我通过在包含文本的元素上放置背景颜色来修复它。希望有帮助
I had this problem before. I fixed it by putting a background color on the element that has the text in it. Hope that helps