問題タブ [letter-spacing]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - text-shadow を使用すると、Safari で文字間隔が広くなる
これは、私を悲しませている CSS の例です。
Chrome では正しいように見えますが、Safari では文字間隔が 1 ピクセル増えます。
これを証明するために、に変更するとletter-spacing: -1px、Safari は問題ないように見えますが、Chrome は押しつぶされたように見えます。
css - 文字間隔が常にすべての文字で機能するとは限らないのはなぜですか?
過去に @font-face Web フォントでこの問題が発生したことがあります。最近、無料のMuseo Sans 500 Web フォントをダウンロードしましたが、特定の文字間隔、特に文字 f で問題が発生しています。CSSletter-spacingプロパティを調整すると、「f」がある場合は常に、「f」に続く 2 番目の文字まで文字間隔が適用されません。
例えば：
または、単語を使用した別の例:
とにかく、フォントも使用しているこのサイトに出くわしましたが、サイトのテキストと文字間隔をいじっても問題はありません。
これまでフォントを作成または編集したことがないので、これがフォント自体の編集に関係しているのか、それとも @font-face に関係していて、おそらく css で修正できるものなのかはわかりません。
私が知っているすべてのcssフォントプロパティをいじってみましたが、どれも問題を解決していないようです。
この問題を一時的に修正するために使用できる非常に気の利いたプラグインkerning.jsに出会いましたが、特に以前にリンクしたサイトのような他のサイトではうまく機能しているように見えるため、1文字ではやり過ぎのようです。CSSでこれを修正する方法についての提案、またはフォント自体と関係があるのですか>
abcpdf - Abcpdf 9 と文字間隔
私は厄介な問題に直面しています。一部の div で CSS プロパティ「letter-spacing」を使用して HTML から PDF を作成すると、ブラウザー (Firefox) と PDF (Gecko) のレンダリングが異なります。
実際、ABCPdf がなんらかの定数を私の値に追加しているようです。たとえば、1.1px の文字間隔を宣言すると、ABCPdf は 0.8px をレンダリングします。この「定数」は、font-size (ここでは 12px) に依存します。
等幅フォントを使用しています: Courier New、Courier、等幅
何を確認すればよいですか？より良い品質を得るために、私はすでに FontEmbed = true を使用しています。
ABCPdf のバージョンをアップグレードできません。
読んでくれてありがとう ：）
css - レスポンシブな文字間隔のホバー アニメーションを使用して、HTML ページの 4 辺にテキストを配置する方法
Web ページの 4 つの側面に 4 つのテキストを配置しようとしています。これらすべてのテキストには、すべての文字を互いに区切るための行間があります。一度、ホバーされた行間隔が通常に縮小され、中央に表示されます。
これまでのところ、私はこれを書いています：
PS: テキストの間隔が反応しません。これは別の問題です。