1
我使用的字体名为“Lato”,它是从作者网站下载的,并使用fontsquirrel转换为正确的格式。Chrome开发人员工具使用特定字体使用时崩溃
包括以下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声明之一。
有什么建议吗?
使用Google导致渲染问题。无论如何,在将代码放置在CSS文件的顶部后,问题就解决了。 –