@ font-face - 如何检查浏览器使用的字体类型？

Question

我正在使用@ font-face加载自定义字体，并且它几乎没有跨浏览器支持的类型：ttf，woff，eot和svg。 但是，chrome不会平滑地显示字体。我做了一点研究，看来这是chrome的常见问题。并且建议优先考虑svg文件。

我确实改变了字体优先级，但没有区别。 如何检查chrome是否真的使用svg版本？

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

非常感谢任何其他改善chrome中字体质量的建议。 尝试了-webkit-font-smoothing，没有改进。

Answer 1

您可以使用Chrome的内置检查器。在“资源”选项卡下查看。左侧树上有一个“Fonts”文件夹。