外部字體在Chrome中不可見，直到重新繪製

使用Chrome我遇到本地站點的問題，當站點最初加載時，沒有任何字體可見。如果我然後打F12或調整屏幕大小，那麼字體都可以看到。外部字體在Chrome中不可見，直到重新繪製

正在使用font-face從谷歌字體中加載字體，我假設調整屏幕大小會導致重新繪製修復問題。

我發現有鉻列舉了類似的問題在https://code.google.com/p/chromium/issues/detail?id=336476

任何人都經歷了類似的話？

來源

2014-03-03 fightstarr20

您可以通過從谷歌字體的字體中的JavaScript部分解決這個問題..

這是惱人的挫折感了我，所以我做了一些experiementing並添加JavaScript的字體插入，而不是工作的CSS就像一個魅力.. = d

從

<link href='http://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>

到

<script type="text/javascript"> 
    WebFontConfig = { 
    google: { families: [ 'Orbitron::latin' ] } 
    }; 
    (function() { 
    var wf = document.createElement('script'); 
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + 
     '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; 
    wf.type = 'text/javascript'; 
    wf.async = 'true'; 
    var s = document.getElementsByTagName('script')[0]; 
    s.parentNode.insertBefore(wf, s); 
    })(); </script>

兩者都發現在谷歌字體頁面上修復它像我一個BOSS至少..;）

來源

2014-03-12 06:32:56

外部字體在Chrome中不可見，直到重新繪製

回答

相關問題