Question

问题是在我使用Chrome检查元素之前，整个网站都没有显示文字。它在其他浏览器上都可以正常工作。

我没有安装任何Chrome扩展程序并使用隐身窗口，但仍然没有。

网站通过W3C验证 - 网站为：http://www.toricks.com

我正在使用@ font-face，通过查看它似乎设置得很好！

任何人都可以对此有所了解吗？

Answer 1

您可以尝试以Font Squirrel的方式添加@font-face，如下所示：

@font-face {
    font-family: 'Comfortaa';
    src: url('comfortaa.eot');
    src: url('comfortaa.eot?#iefix') format('embedded-opentype'),
         url('comfortaa.woff') format('woff'),
         url('comfortaa.ttf') format('truetype'),
         url('comfortaa.svg#comfortaanormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

我认为这是最好的跨浏览器支持。确保将字体转换为所有不同类型（可以使用Font Squirrel生成器）。

在我使用Inspect元素之前，Chrome中不显示文本

1 个答案: