私のウェブサイトは、コンピュータの約半数が正しく読むことができる、あまり目立たないフォントを使用しています。フォントは "Lucida Console"です。 このフォントを読むことができないコンピュータでは、Times New Romanの表示が醜いです。私のウェブサイトのフォントをLucida Consoleに設定する方法がありますが、それを読むことができないコンピュータでは代わりにArialを表示しますか? CSSの使用。CSS:フォールバックフォント
答えて
あなたは複数のフォントを指定することができます。
p{font-family:"Times New Roman", Times, serif;}
1つは等々秒利用できない、とあれば、ブラウザは、最初のものをしようとします。最終的には、ファミリーセリフを使用するので、ブラウザは任意のセリフフォントを選択します。モノスペースファミリーを使用する必要があります。
は、だからあなたの場合には、このような気にいらないが何をしたいです:
p{font-family:"Lucida Console", "Courier New", monospace;}
p {font-family: "Lucida Console"、 "Courier New"、monospace;} これはLucida Consoleを選択しますが、利用できない場合はCourier Newにフォールバックしますか?また、モノスペースを追加することが私に教えてくれますか? – dukevin
@Kevin:以前のフォントが利用できない場合、システムのデフォルトのモノスペースフォントにフォールバックすることを意味します。しかし、Safariはこれをヒントとして使用してスタイルのフォントサイズを調整し、サイズを小さくするため、この機能を注意して使用してください(まったく読まないでください)。固定フォントのサイズを設定しないと、これを防ぐ方法はほとんどありません(これは非常に悪いスタイルであり、Dante's Limboに直接移動します)。 –
@ルドルフ、非常に素晴らしい情報。別の質問:font-family: "ocr a std"、 "Lucida Console"、 "Courier New"、モノスペース。これは3フォールバックフォントですか? – dukevin
あなたはする@ font-faceを使用して(あなたが合法的にできるかどうか)あなたのウェブサイトでそのあいまいなフォントを兼ねることができます。それは簡単で、IE6でも機能します:)。ここではそれについて
さらにヒント:フォントの特定のスタイルを目指したフォントの推奨リストの
- グーグルcss font stack。 'font stack'は、これらのフォントリストの口語名です。
- クロスプラットフォームを考えてください。 Mac,Linux、iOS、Android、Windows、および読者が使用しているその他のプラットフォームでよく見られるフォントを追加することを検討してください。
- ユーザーが希望するフォントのどれを持っていない場合には、必ずフォントスタックの最後にgeneric-family名を含める:
- サンセリフ
- セリフ
- 筆記体
- ファンタジー
- モノスペース
- 複数の単語で指定されたフォントを引用符で囲むか、すべてのフォント名を引用するだけです。
- 1. Webフォントとフォールバックフォントの提供
- 2. 選択的スタイルのフォールバックフォントJavaScriptなし?
- 3. フォールバックフォントごとに異なるフォントサイズを指定できますか?
- 4. IE 11「bulletproof」フォントフェイスとフォールバックフォントが機能しない
- 5. Java2D/Graphics2Dでフォールバックフォントを指定する方法
- 6. Javaでプログラムでフォールバックフォントを設定するにはどうすればよいですか?
- 7. @ font-face IE8では大丈夫ですが、その後フォールバックフォントに反転します。大胆にも?
- 8. jQuery .css()、css hover
- 9. CSSセレクタとのCSS?
- 10. CSS間スペースCSSスプライトメニューボタン
- 11. CSSトランジションとCSSアニメーションのパフォーマンス
- 12. CSSメニューCSSの混同
- 13. CSS
- 14. CSS
- 15. CSS
- 16. (CSS)
- 17. CSS
- 18. CSS
- 19. CSS
- 20. CSS -
- 21. CSSクラスセレクタがCSS idセレクタをオーバーライドする
- 22. Html5 CSSレイアウトとjQuery UIのCSSリセットオプション
- 23. CSS選択HTML条件付きCSS
- 24. GridView css BoundField CSSでクラッシュする
- 25. CSSイメージグリッド内のCSS三角形
- 26. 防止VS2010 CSS検証CSS 2.1
- 27. GWT CSSリソースのCSS "〜"セレクタの作り方
- 28. 編集ボタン、CSS、HTMLやCSSで
- 29. CSS gurus:フォント略称とCSSの複製
- 30. のonFocusの.cssとのonblurの.css
この「むしろあいまいなフォント」について話していますか?これはWindowsのすべてのコピーに含まれています。 –
なぜ一部のコンピュータ(すべてのウィンドウ)に表示されるのかわからない – dukevin
ああ私の間違いですが、フォント名は "ocr a std" – dukevin