收紧特定对的字距?

时间:2013-04-24 07:14:57

标签: css fonts kerning

我需要在网站上使用Palatino字体。问题是字体缺少重要的字距调整对VA,至少在我的机器上是这样的:

Kerning sample

我可以在主网站标题中解决这种情况。这意味着我可以插入显式标记(<span class="kern">VA</span>LUE)并在那里调整字距。但是使用letter-spacing CSS属性调整VA对也会收紧以下对:

Kerning sample after tightening

现在AL对是不可接受的(另见jsFiddle)。我该怎么办?

2 个答案:

答案 0 :(得分:1)

哈,我是个白痴。显然,只针对第一个字母:

<p>VALUE</p>
<p><span class="kern">V</span>ALUE</p>

橡皮鸭调试非常多。

答案 1 :(得分:1)

我刚刚为此目的创建了这个项目:

  

Jerning.com

用法很简单 - 因此,对于您的示例,您将执行以下操作:

$('p').jerning("VA", -0.1);

这意味着您无需手动编辑大型文本的跨度。