输入一个字符后光标仍停留在字符上的字体系列答案

【问题标题】：font families where after typing one character the cursor still remains on the character输入一个字符后光标仍停留在字符上的字体系列
【发布时间】：2013-01-12 21:13:02
【问题描述】：

如果你注意到这个字体系列 -http://www.fontsquirrel.com/fonts/CAC-Champagne， “T”几乎与“U”的 1/4 重叠。当我使用@font-face 包含此字体系列并键入时，光标键入 T 但仅保留在其上。

这会导致问题，当我将此文本复制到宽度为“自动”的跨度中时，跨度不会显示完整的“T”，而是直到箭头所在的点。有什么解决办法吗？

【问题讨论】：

这里网页浏览器上的文字光标在截屏后变成了一个箭头。不知何故，在网页上可见的延伸到“U”中的额外“T”无法识别，无论是在键入文本时，还是通过文本被复制到的跨度都无法识别。

标签： html fonts font-face font-size webfonts

【解决方案1】：

这是字体的一个特点，在脚本字体中并不少见。例如，字母“T”的前进宽度（准确地说是 1,146 个单位）比字形的宽度小得多，即其边界框的宽度（即 1,786 个单位）。这是故意的，是设计的一部分，使结果类似于手写文本。

对于包含此字体文本的内联元素，使用一些右填充来补偿效果。虽然边界框向右延伸的效果主要是大写字母的字形特征，通常不会出现在单词的末尾，但它也会出现在小写字母（例如“f”）中。根据以下简单实验，“0.25em”的值似乎是合适的：

<span style="font-family: CAC Champagne; font-size: 32pt;
border: solid red 1px; padding-left: 0.25em;
padding-right: 0.25em;">f</span>

【讨论】：

我结束了添加前导和尾随空格的操作，但是添加的填充值与当时使用的字体大小和脚本有关。那么它不是一个相对值吗？
@BhumiSinghal，我不明白你的问题。如果您的意思是添加空格字符，我认为您不应该这样做。空格的宽度取决于字体大小和字体系列。 em单位的宽度仅取决于字体大小，但您可以合适地选择乘数。 span>
我的意思是字符的扩展将取决于编写的脚本，而 em 值的呈现取决于浏览器及其版本，我猜。那么它不是成为一个相对的，打击和试用的解决方案吗？虽然我想不出更好的。
好的，我明白了；是的，填充值需要在尝试字体的基础上确定（尽管我用 DTL OTMaster Light 偷看了字形指标，似乎字母“f”是最坏情况下的小写字母，@987654323 @ 处理它）。