我正在建立一個新的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重新粉刷文字
慕沐林林
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>
- 3 回答
- 0 關注
- 540 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消