自定义脚本字体字距和字体间距与fontface

时间:2013-04-27 22:16:04

标签: css fonts font-face kerning letter-spacing

我在我的网站上使用的脚本字体Thirsty Script Bold存在问题。对于某些字母,字母间距似乎是正确的,但对其他字母则不然。我甚至没有触及字母间距。你可以在这里看到它的一个例子: http://oi40.tinypic.com/2wpikgw.jpg。正如您所看到的,“e”的末尾并未与“b”完全合并,而“b”与“s”合并得太过分了。

我曾尝试弄乱字母间距,但这似乎使问题恶化。

这是我的页面的CSS -

p.websites{
font-family: ThirstyScriptBold;
font-size: 80px;
text-align: center;
margin:0 auto;
}

这是我的页面HTML

<p class="websites">Websites</p>

这是我的字体css -

@font-face {font-family: 'ThirstyScriptBold';src: url('ThirstyScriptBold.eot');src: url('ThirstyScriptBold.eot?#iefix') format('embedded-opentype'),url('ThirstyScriptBold.woff') format('woff'),url('ThirstyScriptBold.ttf') format('truetype');}

4 个答案:

答案 0 :(得分:1)

这看起来像字体中的设计缺陷,但实际上可能取决于缺少字距。默认情况下,大多数浏览器都不会应用字距调整,但Firefox会这样做。所以你可以先尝试添加以下内容:

p.websites {
  -webkit-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern";
  font-feature-settings: "kern";
}

用于生成Web字体版本的软件也可能破坏了字距调整表;这经常发生。然而,我期望Webfont package sold by fonts.com包含WOFF,EOT,TTF和SVG版本,其中包含适当的字距调整和其他OpenType功能。

答案 1 :(得分:0)

不幸的是。我相信这就是字体的显示方式。我建议使用类似的另一种字体,但有效。您可以在http://www.google.com/fonts/

免费找到一个

答案 2 :(得分:0)

我使用Thirsty Script网络字体遇到了同样的问题。代工厂(Yellow Design Studio)从Web字体中删除了所有OpenType功能。这似乎已经删除了字距调整数据。

  

&#34;所有OpenType功能和所有扩展字形都已删除。&#34;

我通过使用Font Squirrel web font generator制作一组新的网络字体解决了这个问题。

答案 3 :(得分:0)

如果您定义了不正确的行为,您真正需要做的是将问题通知字体的作者(或供应商)。首先,修复后,您将拥有正确版本的字体。其次,这将帮助该字体的其他用户在未来避免同样的问题。