@ font-face和错误的字母跟踪/间距

Question

我在构建网站时遇到了使用@ font-face的问题.字体安装在我的电脑上,我从fontsquirrel.com下载了它.

如果我使用我的PC(日志)中安装的版本,从以下屏幕截图中可以看到一切都很好:

http://www.valeriobulla.it/normal.jpg

但是,一旦我切换到@ font-face版本,字母'跟踪(特别是Ts)就不同了,看起来很破碎:

http://www.valeriobulla.it/error.jpg

这是@ font-face的代码(从font squirrel下载的font-face工具包):

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

这是项目(div)样式:

#assignment-text {
font-family: Journal, JournalRegular, serif;
font-size: 3em;
text-align: center;
width: 340px;
position: absolute;
top: 200px;
left: 320px;
color: #000;
}

在我的电脑上使用Journal一切都很好.强制JournalRegular(通过评论期刊)打破间距.我在当地发展.测试:Windows 7 PC(安装了字体):Firefox 7,Chrome,Opera,IE9.Macbook(没有安装字体):Firefox,Safari.

这是一个已知的问题？我搜索过,但似乎无法找到解决方案.

Answer 1

我在font-squirrel上转换的字体遇到了类似的问题.其中一次,回到发电机并使用专家选项,特别是"删除Kerning"解决了它.