2011-01-12 12 views
21

私のウェブサイトは、コンピュータの約半数が正しく読むことができる、あまり目立たないフォントを使用しています。フォントは "Lucida Console"です。 このフォントを読むことができないコンピュータでは、Times New Romanの表示が醜いです。私のウェブサイトのフォントをLucida Consoleに設定する方法がありますが、それを読むことができないコンピュータでは代わりにArialを表示しますか? CSSの使用。CSS:フォールバックフォント

+3

この「むしろあいまいなフォント」について話していますか?これはWindowsのすべてのコピーに含まれています。 –

+0

なぜ一部のコンピュータ(すべてのウィンドウ)に表示されるのかわからない – dukevin

+0

ああ私の間違いですが、フォント名は "ocr a std" – dukevin

答えて

45

あなたは複数のフォントを指定することができます。

p{font-family:"Times New Roman", Times, serif;} 

1つは等々秒利用できない、とあれば、ブラウザは、最初のものをしようとします。最終的には、ファミリーセリフを使用するので、ブラウザは任意のセリフフォントを選択します。モノスペースファミリーを使用する必要があります。

は、だからあなたの場合には、このような気にいらないが何をしたいです:

p{font-family:"Lucida Console", "Courier New", monospace;} 
+0

p {font-family: "Lucida Console"、 "Courier New"、monospace;} これはLucida Consoleを選択しますが、利用できない場合はCourier Newにフォールバックしますか?また、モノスペースを追加することが私に教えてくれますか? – dukevin

+2

@Kevin:以前のフォントが利用できない場合、システムのデフォルトのモノスペースフォントにフォールバックすることを意味します。しかし、Safariはこれをヒントとして使用してスタイルのフォントサイズを調整し、サイズを小さくするため、この機能を注意して使用してください(まったく読まないでください)。固定フォントのサイズを設定しないと、これを防ぐ方法はほとんどありません(これは非常に悪いスタイルであり、Dante's Limboに直接移動します)。 –

+0

@ルドルフ、非常に素晴らしい情報。別の質問:font-family: "ocr a std"、 "Lucida Console"、 "Courier New"、モノスペース。これは3フォールバックフォントですか? – dukevin

4

あなたはする@ font-faceを使用して(あなたが合法的にできるかどうか)あなたのウェブサイトでそのあいまいなフォントを兼ねることができます。それは簡単で、IE6でも機能します:)。ここではそれについて

読む:http://www.miltonbayer.com/font-face/

+1

このスレッドはまだアクティブである可能性があります(1日あたり平均6回のビューがあります)、私はちょうどあなたのコメントを延長し、IE6のために開発を停止すると言っています;) – Cammy

+0

@cammy中国市場で働かない限り)。ところで、私の答えの重要なポイントはもちろんIE6ではありません。 – kapa

4

さらにヒント:フォントの特定のスタイルを目指したフォントの推奨リストの

  • グーグルcss font stack。 'font stack'は、これらのフォントリストの口語名です。
  • クロスプラットフォームを考えてください。 Mac,LinuxiOS、Android、Windows、および読者が使用しているその他のプラットフォームでよく見られるフォントを追加することを検討してください。
  • ユーザーが希望するフォントのどれを持っていない場合には、必ずフォントスタックの最後にgeneric-family名を含める:
    • サンセリフ
    • セリフ
    • 筆記体
    • ファンタジー
    • モノスペース
  • 複数の単語で指定されたフォントを引用符で囲むか、すべてのフォント名を引用するだけです。
関連する問題