Html 键入一个字符后光标仍停留在该字符上的字体族

如果您注意到在这个字体系列中-， “T”几乎与“U”的1/4重叠。 当我使用@font-face包含此字体系列并键入时，光标键入T，但仅保留在T上。

这导致了一个问题，即当我将此文本复制到宽度为“auto”的跨距中时，跨距不会显示完整的“T”，而是直到箭头所在的位置。

---

有什么解决办法吗

这是字体的一项功能，在脚本字体中并不少见。例如，字母“T”的前进宽度远小于字形的宽度（确切地说是1146个单位），即其边界框的宽度（1786个单位）。这是有意的，是设计的一部分，使结果类似于手写文本

对于包含此字体中文本的内联元素，请使用一些右填充来补偿效果。虽然延伸到边界框右侧的效果主要是大写字母的字形特征，通常不会出现在单词的末尾，但对于小写字母（如“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>

f

这是字体的一项功能，在脚本字体中并不少见。例如，字母“T”的前进宽度远小于字形的宽度（确切地说是1146个单位），即其边界框的宽度（1786个单位）。这是有意的，是设计的一部分，使结果类似于手写文本

对于包含此字体中文本的内联元素，请使用一些右填充来补偿效果。虽然延伸到边界框右侧的效果主要是大写字母的字形特征，通常不会出现在单词的末尾，但对于小写字母（如“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>

f

在这里，web浏览器上的文本光标在截图时变为箭头。不知何故，网页上可见的延伸至“U”的额外“T”无法识别，无论是在键入文本时，还是在按语法将文本复制到的范围内都无法识别。在这里，网页浏览器上的文本光标在截图时变为箭头。不知何故，网页上可见的延伸到“U”中的额外“T”无法识别，无论是在键入文本时，还是在按语法将文本复制到的范围内。我结束了添加前导空格和尾随空格的过程，但添加的填充值与当时使用的字体大小和脚本有关。所以这不是一个相对值吗？@BhumiSinghal，我不明白你的问题。如果你的意思是添加空格字符，我认为你不应该这样做。空格的宽度取决于字体大小和字体系列。

em

单元的宽度仅取决于字体大小，但您可以选择适当的乘数。我的意思是字符的扩展将取决于编写的脚本，em值呈现取决于浏览器及其版本。那么，这难道不是一个相对的、反复尝试的解决方案吗？虽然我想不出更好的；是的，填充值需要在试验字体的基础上确定（尽管我用DTL OTMaster Light查看了字形度量，字母“f”似乎是最坏的小写字母，并且

0.25em

处理它）。我结束了添加前导空格和尾随空格的过程，但添加的填充值与当时使用的字体大小和脚本有关。所以这不是一个相对值吗？@BhumiSinghal，我不明白你的问题。如果你的意思是添加空格字符，我认为你不应该这样做。空格的宽度取决于字体大小和字体系列。

em

单元的宽度仅取决于字体大小，但您可以选择适当的乘数。我的意思是字符的扩展将取决于编写的脚本，em值呈现取决于浏览器及其版本。那么，这难道不是一个相对的、反复尝试的解决方案吗？虽然我想不出更好的；是的，填充值需要在试验字体的基础上确定（尽管我用DTL OTMaster Light查看了字形度量，字母“f”似乎是最坏的小写字母，并且

0.25em

处理它）。