如果您注意到这个字体系列 - http://www.fontsquirrel.com/fonts/CAC-Champagne,“T”几乎与“U”的 1/4 重叠。当我使用@font-face 包含此字体系列并键入时,光标键入 T 但仅保留在其上。
这会导致问题,当我将此文本复制到宽度为“auto”的跨度中时,跨度不会显示完整的“T”,而是直到箭头所在的位置。有什么解决办法吗?
这是字体的一个特点,在脚本字体中并不少见。例如,字母“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>