このフォントファミリ（http://www.fontsquirrel.com/fonts/CAC-Champagne ）で気付いた場合、「T」は「U」の1/4とほぼ重なっています。@ font-faceを使用してこのフォントファミリを含め、入力すると、カーソルはTを入力しますが、その上にのみ残ります。
これにより、このテキストを幅が「auto」のスパンにコピーすると、スパンに完全な「T」が表示されず、矢印が。になるまで表示されるという問題が発生します。これに対する解決策はありますか？
1 に答える
1
これはフォントの機能であり、スクリプトフォントでは珍しいことではありません。たとえば、文字「T」の前進幅は、グリフの幅、つまり境界ボックスの幅（1,786単位）よりもかなり小さくなります（正確には1,146単位）。これは意図的なものであり、結果を手書きのテキストに似せるデザインの一部です。
このフォントのテキストを含むインライン要素の場合、効果を補正するために右パディングを使用します。バウンディングボックスの右側に拡張する効果は、ほとんどの場合、大文字のグリフの特徴であり、通常は単語の末尾には表示されませんが、「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>
于 2013-01-29T15:26:59.020 に答える