符号无法以自定义字体正确显示答案

【问题标题】：Symbols not displayed properly in custom fonts符号无法以自定义字体正确显示
【发布时间】：2013-06-22 18:06:56
【问题描述】：

我从font squirrel website 下载了 Webfont Kit（用于 Quicksand 字体）；我正在尝试使用新字体显示 Erdös 这个词；但是，使用 HTML 条目 &ouml; 似乎不起作用。

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

这是我得到的：

如上图所示，其他字母显示正确（使用正确的字体）；但不是带两个点的 o！

这是我的 HTML 代码：

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

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

编辑：我正在发布有关该问题的其他信息/代码：

我从same page 的Webfont 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 的输出是：

Firefox 的输出是：

【问题讨论】：

你试过用 Ö而不是 ö小写
@DominicGreen：我刚刚做了；我仍然得到相同的结果！
引用页面上的列表不包含字母“ö”。你引用错页了吗？
@JukkaK.Korpela：实际上，如果您单击同一页面上的 Glyphs 选项卡，您会发现 ö在收藏中！
对，它就在那里，当我下载 .otf 文件并在本地测试时。 öäå 之类的字母显示正确。你能发布你正在使用的确切代码并指定你是如何测试的吗？您在哪些浏览器上进行了测试？您是使用 .otf 文件还是一些转换后的文件进行测试？

标签： html fonts

【解决方案1】：

在 FontSquirrel 的 Webfont Kit 页面上，您需要在“Choose a Subset:”下拉列表中选择“Don't Subset”。默认是“English”，这显然意味着只包含 Ascii 字母。

【讨论】：

实际上它只适用于 Chrome :( - 它不适用于 Firefox！我仍然得到相同的结果！
@Thuglife，可能是缓存问题。如果清除缓存没有帮助，请使用不同名称的字体文件进行测试。