css - 包含哈希时，Chrome 不会为字体呈现 svg

Question

Chrome 比 TTF 更好地呈现 SVG 字体，所以我想强制它使用 SVG 文件。但是当我在声明中只包含 SVG 时，Chrome 不会找到/应用字体。如果我删除哈希符号，它会应用它(可能是在 svg 中找到的第一件事)!我做错了什么？

文件结构

/
/fonts
/styles

样式.css

@font-face {
    font-family: "TeXGyreHerosCnBoldItalic";
    src: url( "../fonts/texgyreheroscn-bolditalic-webfont.svg#TeXGyreHerosCnBoldItalic" ) format("svg" );
    font-weight: normal;
    font-style: normal;

}

html

<div style="font-family: 'TeXGyreHerosCnBold';">Some text</div>

如果我改为这样做，它会起作用:

src: url( "../fonts/texgyreheroscn-bolditalic-webfont.svg" ) format("svg" );

Answer 1

正如@cinnamon 所建议的，Chrome 团队似乎决定您不应该遍历 SVG:https://code.google.com/p/chromium/issues/detail?id=128055#c6

@Cinnamon 在这里有更多信息:https://stackoverflow.com/a/16042903/857025