Chrome開發人員工具使用特定字體使用時崩潰

Question

我使用的字體名爲「Lato」，它是從作者網站下載的，並使用fontsquirrel轉換爲正確的格式。

包括以下CSS後，Chrome開發者工具崩潰時，我嘗試檢查文本元素..

這裏字型碼我用：

@font-face { 
    font-family: 'Lato'; 
    src: url('../fonts/custom/lato-reg-webfont.eot'); 
    src: url('../fonts/custom/lato-reg-webfont.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/custom/lato-reg-webfont.svg#latoregular') format('svg'), 
    url('../fonts/custom/lato-reg-webfont.woff') format('woff'), 
    url('../fonts/custom/lato-reg-webfont.ttf') format('truetype'); 
    font-weight: 400; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'Lato'; 
    src: url('../fonts/custom/lato-bol-webfont.eot'); 
    src: url('../fonts/custom/lato-bol-webfont.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/custom/lato-bol-webfont.svg#latobold') format('svg'), 
    url('../fonts/custom/lato-bol-webfont.woff') format('woff'), 
    url('../fonts/custom/lato-bol-webfont.ttf') format('truetype'); 
    font-weight: 700; 
    font-style: normal; 
} 

出現這種情況，即使我只是使用這些font-face聲明之一。

有什麼建議嗎？

Answer 1

該字體似乎在Google字體上 - 假設它是相同的？試試這個，而不是字體灰鼠轉換：http://www.google.com/fonts#UsePlace:use/Collection:Lato