我正在建立一個(gè)新的WordPress主題（不知道是否相關(guān)），并且這個(gè)問題一直困擾著我。我已經(jīng)從Google Webfonts（包括CSS <head>部分）中加載了Roboto Slab 。在其他所有瀏覽器上，除了Google Chrome之外，字體都可以正常顯示。當(dāng)我第一次在Google Chrome瀏覽器中加載網(wǎng)站時(shí)，使用該自定義字體的文本根本不會顯示（即使字體庫將佐治亞州作為后備- "Roboto Slab", Georgia, serif;）。將鼠標(biāo)懸停在樣式鏈接上或在Inspector中重新觸發(fā)任何CSS屬性后，文本將變?yōu)榭梢姟Ｗ詮奈以谝欢螘r(shí)間前啟動主題以來，我可以清楚地記得它以前運(yùn)行得很好。這是一些已知的最近的Chrome更新錯(cuò)誤嗎？首次加載： 屏幕截圖＃1重新應(yīng)用任何CSS屬性后，進(jìn)入響應(yīng)視圖或?qū)⒃貞彝＃?屏幕快照＃2有人有類似的問題嗎？我應(yīng)該如何進(jìn)行呢？謝謝！
3 回答
慕哥9229398
TA貢獻(xiàn)1877條經(jīng)驗(yàn) 獲得超6個(gè)贊
顯然，這是一個(gè)已知的Chrome錯(cuò)誤。有一個(gè)僅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貢獻(xiàn)1878條經(jīng)驗(yàn) 獲得超4個(gè)贊
CSS修復(fù)對我不起作用，而且0.5秒的延遲腳本似乎很尷尬。
這個(gè)JS片段似乎對我們有用：
<script type="text/javascript">
jQuery(function($) {
if (/chrom(e|ium)/.test(navigator.userAgent.toLowerCase())) {
$('body').css('opacity', '1.0')
}
})
</script>
- 3 回答
- 0 關(guān)注
- 434 瀏覽
添加回答
舉報(bào)
0/150
提交
取消