虽然这不是我寻找的解决方案,但我找到了一个可能适用于其他人的解决方案:
在我的原始样式表中,我将字体指定为如下:
@font-face {
font-family: 'DroidSans';
src: url('droid-sans/DroidSans-webfont.eot');
src: local('☺'),
url('droid-sans/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
url('droid-sans/DroidSans-webfont.woff') format('woff'),
url('droid-sans/DroidSans-webfont.ttf') format('truetype'),
url('droid-sans/DroidSans-webfont.svg#DroidSans') format('svg');
font-weight: normal;
font-style: normal;
}
这会导致 Webkit 浏览器使用 woff
文件/格式。
改变字体规范的顺序并删除在 svg
规范之后的井号(为什么要放在那里?)会导致Webkit浏览器使用 svg
文件 / 格式:
@font-face {
font-family: 'DroidSans';
src: url('droid-sans/DroidSans-webfont.eot');
src: local('☺'),
url('droid-sans/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
url('droid-sans/DroidSans-webfont.svg') format('svg'),
url('droid-sans/DroidSans-webfont.woff') format('woff'),
url('droid-sans/DroidSans-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
这个解决方案可以显示所有字符。
然而,在至少Windows 7 64位系统上,svg
字体不如woff
字体清晰,有点模糊,所以我不会使用这个解决方案,并希望有更好的解决方案。