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字体上 - 假设它是相同的？试一试，而不是Font Squirrel转换：http://www.google.com/fonts#UsePlace:use/Collection:Lato

Chrome开发者工具因特定字体使用情况而崩溃

1 个答案: