我试图切换到@ font-face而不是依赖用户安装字体(准确地说它是
Terminus字体,而不是它的
TTF版本).
不幸的是,在处理远程托管文件时,我遇到了一些奇怪的“粗体”或“扭曲”字体,如下图所示：
正如您所看到的,由于某种原因,远程提取的字体在12,14,16,18,20,24种格式中失真,本地字体对它们应用了某种“标准化”,使它们看起来漂亮并且在 – 地点.
另外需要提一下的是,我试图使用FontSquirrel’s WebFont Generator demo-htmls,屏幕截图分别显示在这些CSS代码中：
@font-face {
font-family: 'terminus_ttfmedium';
src: url('terminusmedium-4.38-webfont.ttf') format('truetype');
}
和
@font-face {
font-family: 'terminus_ttfmedium';
src: local('Terminus (TTF)');
}
Terminus(TTF)是同一个文件包,只安装到/usr/share / fonts /.
任何见解将不胜感激！
编辑：改变FontSquirrel高级选项似乎根本没有帮助这个问题.
EDIT2：我尝试使用Firefox的所有方法都没有.另外,我已经将一个字体复制到一个工作目录(与本地使用的相同),通过“url”字段链接它,它仍然保持扭曲.这是徒劳的！
解决方法
font-squirrel曾经有一个多输出的部分. TTF不适用于所有版本的浏览器
src: url('Bevan-webfont.eot?#iefix') format('embedded-opentype'),url('Bevan-webfont.woff') format('woff'),url('Bevan-webfont.ttf') format('truetype'),url('Bevan-webfont.svg#BevanRegular') format('svg');
他们使用带有所有这些扩展名的字体包,似乎无法在网站上找到它.
