css - 在我使用 Inspect Element 之前，Chrome 中不显示文本

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 生成器来完成)。