为了账号安全,请及时绑定邮箱和手机立即绑定

Google字体无法在Google Chrome上呈现

Google字体无法在Google Chrome上呈现

狐的传说 2019-10-28 09:59:06
我正在建立一个新的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重新粉刷文字


查看完整回答
反对 回复 2019-10-28
?
慕沐林林

TA贡献2016条经验 获得超9个赞

CSS修复对我不起作用,而且0.5秒的延迟脚本似乎很尴尬。


这个JS片段似乎对我们有用:


<script type="text/javascript">

jQuery(function($) {

    if (/chrom(e|ium)/.test(navigator.userAgent.toLowerCase())) {

        $('body').css('opacity', '1.0') 

    }

})

</script>


查看完整回答
反对 回复 2019-10-28
  • 3 回答
  • 0 关注
  • 512 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信