我正在建立一个新的WordPress主题（不知道是否相关），并且这个问题一直困扰着我。我已经从Google Webfonts（包括CSS <head>部分）中加载了Roboto Slab 。在其他所有浏览器上，除了Google Chrome之外，字体都可以正常显示。当我第一次在Google Chrome浏览器中加载网站时，使用该自定义字体的文本根本不会显示（即使字体库将佐治亚州作为后备- "Roboto Slab", Georgia, serif;）。将鼠标悬停在样式链接上或在Inspector中重新触发任何CSS属性后，文本将变为可见。自从我在一段时间前启动主题以来，我可以清楚地记得它以前运行得很好。这是一些已知的最近的Chrome更新错误吗？首次加载： 屏幕截图＃1重新应用任何CSS属性后，进入响应视图或将元素悬停： 屏幕快照＃2有人有类似的问题吗？我应该如何进行呢？谢谢！
3 回答
慕哥9229398
TA贡献1877条经验 获得超6个赞
显然，这是一个已知的Chrome错误。有一个仅css的解决方法可以解决此问题：
body {
-webkit-animation-delay: 0.1s;
-webkit-animation-name: fontfix;
-webkit-animation-duration: 0.1s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
}
@-webkit-keyframes fontfix {
from { opacity: 1; }
to { opacity: 1; }
}
似乎只需要告诉Chrome重新粉刷文字
UYOU
TA贡献1878条经验 获得超4个赞
CSS修复对我不起作用，而且0.5秒的延迟脚本似乎很尴尬。
这个JS片段似乎对我们有用：
<script type="text/javascript">
jQuery(function($) {
if (/chrom(e|ium)/.test(navigator.userAgent.toLowerCase())) {
$('body').css('opacity', '1.0')
}
})
</script>
- 3 回答
- 0 关注
- 388 浏览
添加回答
举报
0/150
提交
取消