css - Chrome开发人员工具因使用特定字体而崩溃

我正在使用一种名为“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;
}

即使我只是使用这些字体定义之一，也会发生这种情况。

有什么建议么 ？

最佳答案

该字体似乎在Google字体上-假设它是相同字体？试试看，而不是字体松鼠转换:http://www.google.com/fonts#UsePlace:use/Collection:Lato