自定义字体中无法正确显示符号

时间:2013-06-22 18:06:56

标签: html fonts

我从font squirrel website下载了Webfont Kit(用于 Quicksand字体);我试图用新字体显示Erdös这个词;然而,使用HTML条目ö似乎不起作用。

the list of glyphs for that font (Quicksand);我可以看到他们有字母o(大写字母和小写字母),上面有两个点。

这是我得到的:

enter image description here

如上图所示,其他字母显示正确(使用正确的字体);但不是带有两个点的o!

这是我的HTML代码:

<h1 id="erdos">Erd&ouml;s</h1>

我在erdos文件中指定css以使用该字体!

编辑:我发布了有关该问题的其他信息/代码:

我从same pageWebfont Kit标签下载了Webfont Kit

CSS:

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

h1#erdos {
    margin-top: 0;
    margin-bottom: 0;
    font-family: quicksandlight;
}

我在Chrome 27.0和Firefox 21.0中测试了输出

Chrome的输出是:

enter image description here

Firefox的输出是:

enter image description here

1 个答案:

答案 0 :(得分:1)

在FontSquirrel的Webfont Kit页面上,您需要在“选择子集:”下拉列表中选择“不要子集”。默认情况下有“英语”,这显然意味着只包括Ascii字母。

相关问题