私はこの問題に遭遇しましたが、ユーザーがテキストを読みやすくする必要があるため、1pxの文字間隔を使用しましたが、醜いので、半画素を0.5px、それは動作しません、私はemの属性を使用してみましたが、タスクを達成していない。css letter-spacingを作る方法はありますか?0.5 px?
ので、サブピクセルサイズは合法です
私はこの問題に遭遇しましたが、ユーザーがテキストを読みやすくする必要があるため、1pxの文字間隔を使用しましたが、醜いので、半画素を0.5px、それは動作しません、私はemの属性を使用してみましたが、タスクを達成していない。css letter-spacingを作る方法はありますか?0.5 px?
ので、サブピクセルサイズは合法です
このバグは、2008年に戻って報告されていると確認されました。だから、誰かがWebkitにハッキングして、多くのデザイナーを幸せにするような気がするなら。
手紙半画素間隔(可能な場合は、クロスブラウザのソリューション)を作るための方法がありますが、それらはブラウザ間で予期しない結果を持つことができます。テキストのようなものもまた、ピクセル全体にアライメントしようとします(Phrogzの説明のように)結果として生じる丸め誤差によって、物が不均一に見える可能性があります。
サブピクセルの文字間隔はFFではうまく動作しますが、WebKitではうまく動作しません(少なくともWindowsでは)。このテストケースを参照してください。
http://jsfiddle.net/fZYqL/2/
このテストでは、サブピクセルリテラル値が問題ではないことも示されています。小文字のem
を使用すると、1px未満の文字間隔になる値もWebkitでは認識されませんが、Firefoxでも同様に機能します。
@Zach日時:端数ピクセル。物理的には存在しませんが、透明性と色の変化によってデジタルでシミュレートされます。良い例はアイコンとタイプのセリフです。非常に細い線であるように見えるものをよく見てみると、目を欺くような明るい色の線を描くことによって模擬されることがすぐに分かります。したがって、それらが存在しないときでさえ、グラフィックソフトウェアは、長い時間以来、適切に小数画素を扱ってきた。 Webkitブラウザがまだそれをしないのは残念です。
Re:分数文字間隔。 webkit以外のブラウザ(IEのための名言は一度)でうまく動作します。 Webkitブラウザでは、文字間隔は最も近い整数に丸められます(丸められていると思います)。この丸めは、文字間隔を小数画素として直接指定する場合だけでなく、百分率またはem値として指定し、ピクセル単位の最終計算結果を小数画素にする場合にも発生します。非常にイライラ。
この不具合はfixed in Chromiumであり、Chrome 30に搭載されています。そのため、分数値はFirefox、Chrome、Operaでサポートされるようになりました。
分数文字間隔値は、CSSのトリックによって確認され、2013年
末以降、Webkitのは、Firefox、ChromeとOperaがサポートされている - https://css-tricks.com/almanac/properties/l/letter-spacing/
そして私はそれをテストしました。
[font-hinting](http://en.wikipedia.org/wiki/Font_rasterization)でピクセルアライメントの問題が発生している可能性があります。おそらく半ピクセルシフトしているでしょうが、フォントラスタライザはテキストをピクセル境界に再整列しています。 0.5pxの効果は、OSとブラウザとブラウザとの間で合理的に異なる可能性があります。 – Phrogz
これはGoogleの検索結果のトップですので、仲間のルーキーを助けるために、2013年末現在、すべての主要なブラウザで部分文字間隔がサポートされています。 –