タグの境界でカーニングを続ける

Question

<mark>タグを使用してテキストをインタラクティブに強調表示するアプリケーションがあります。ユーザがマウスをドラッグすると、ドキュメント内のテキストノードをラップしてアンラップして、ユーザに選択を示す。選択された範囲が単語の途中で終わると、マークはその単語の一部だけを囲みます。境界がカーニングされたペアの間にある場合、カーニングは無効になります。

ここ例です：最初の段落で

p { font-size: 30pt; margin: 0; line-height: 26pt; }

<p>There <mark>are 1</mark>1 entries.</p> 
 
<p>There are 11 entries.</p>

、<マーク>タグは、二つの "1" の数字の間に終了します。 2番目の段落には、同じテキストがあり、<のマークはありません。フォントサイズ、余白、および行間隔は、段落をより近づけるために調整されます。

1より前には、<のマークが付いたスペースが多くあります。これはアプリケーションでインタラクティブに発生するため、ユーザーがマウスを1秒以上ドラッグすると、次のテキストは1秒の間に右にシフトし、次の文字を通過すると戻ってきます。テキストの「ジグリング」は迷惑になる可能性があります。

にはではなく、マークタグをカーニング境界として扱うことができますか？たぶん、フォントフィーチャー設定ですか？

Answer 1

さて、あなたは完全にカーニングオフにすることができますホープ境界は常にタグ境界にあります。

p { font-size: 30pt; margin: 0; line-height: 26pt; font-kerning: none; } 
 
mark { margin: 0; font-kerning: none; }

<p>There <mark>are 1</mark>1 entries.</p> 
 
<p>There are 11 entries.</p>

Answer 2

私は何度も "クレンズ"修正を探し続けてきましたが、marginプロパティでは片方しか解明できませんでした。

Check this out

mark { margin: 0 -1pt; } 

が、私はそれはあなたがカーニングするので、効果を見ていないに取得するつもりだ最も近いと思う...それは

Answer 3

選択されたテキストの強調表示を制御する::selection擬似要素を使用することを検討してください。

markタグを挿入する場合は、選択プロセスの完了後に行うことができます。その時点でタグ境界でカーニングが失われますが、少なくともユーザーが選択したときにはジグルは表示されません。

::selection { 
 
    background-color: yellow; 
 
}

There are 11 entries.<br/> 
 
There are 11 entries.