あなたのウェブサイトをLinux上で同じように見せる方法

Question

PCとMacのすべてのブラウザでよく見える、標準に準拠したXHTML + CSSサイトがあります。先日、私はLinux上のFF3でそれを見ました。文字間隔は少し大きかったので、すべてのものを叩きつけて、不要な文字の折り返しと切り抜きを引き起こしました。問題のCSSには

font-size: 11px; 
font-family: Arial, Helvetica, sans-serif; 

があります。どのマップにも対応していることはわかっています。私は、次を追加した場合、テキストは私が他のプラットフォームで得るものに近くなるように十分なまでscrunches：

letter-spacing: -1.5px; 

が、これはいくつかの厄介なサーバー側のOSのスニッフィングを伴うだろう。純粋なCSSソリューションがあれば、私はそれを聞いてみたいです。

問題のシステムはUbuntu 7.04ですが、Linuxユーザー全員ではないにしても、ほとんどの人で修正する予定ですので、それは無関係です。もちろん、フォントをインストールするようユーザーに求めているのはオプションではありません！

Answer 1

通常、サイジング/スペーシングの違いは把握するのが難しいです。あなたができることは、Linux用に調整されたこれらの値を含むLinux固有のCSSファイルを作成し、ユーザーエージェントがLinuxの場合はそのCSSを挿入する簡単なJSベースの検出を実行することです。

これはおそらく最もクリーンなアプローチではありませんが、それは正常に動作し、それ以外の場合はクリーンなHTML/CSSへの侵入を最小限に抑えます。

Answer 2

私はブラウザ間のフォントサイジングの問題を解決する最も簡単な方法は、単にエラーの余地を残すことです。 divのサイズを少し大きくするか、フォントのサイズを少し小さくして、プラットフォームのバリエーションがラッピングやクリッピングを大幅に変更しないようにします。

Answer 3

WindowsのFF3で試しましたか？

個人的には、すべてのブラウザでページの見た目を変えるのに、CSSリセットが役立ちます。

Answer 4

AリストApartはかなりcomprehensive article on sizing fonts in CSSです。彼らの結論は、 "ems"を使用してテキストをサイズ調整することです。一般に、ブラウザ間で最も一貫したサイジングが行われるためです。彼らは異なるOSの直接の言及をしませんが、あなたはemを使ってみるべきです。あなたの問題を解決するかもしれません。

Answer 5

あなたのサイトでは、Linuxベースのトラフィックが通常より多いと予想している場合を除き、読書環境を調整するユーザーの能力を犠牲にすれば、おそらく多くの人に悪影響を及ぼすでしょう。 Linuxの経験を気にします。

doの場合、現在のCSS実装ではこれらの問題を制御することが難しいため、フォント間隔の小さなバリエーションでデザインが壊れる理由を説明してください。