2

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

查看该字体的字形列表（流沙）；我可以看到他们有字母 o（大写字母和小写字母），上面有两个点。

这是我得到的：

在此处输入图像描述

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

这是我的 HTML 代码：

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

我erdos在css文件中指定使用该字体的位置！

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

我从同一页面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的输出是：

在此处输入图像描述

火狐的输出是：

在此处输入图像描述

4

1 回答 1

1

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

于 2013-06-23T19:24:46.603 回答