4


0

私は自分のWebページで異なるハイスタイルフォントを使う必要があります。 しかし、私は、ユーザーがそのようなフォントを持っていなければ、それらがデフォルトのフォントで表示されることを恐れていました。 すべてのユーザーと互換性があるはずの別の新しいフォントを使用する方法

10 Answer


4


すべての人が本文の大部分である本文に持っている通常のフォントを使用することを検討してください。 から選ぶべきかなりの数があります。 見出しの場合は、描画パッケージ(MS Paint、Photoshopなど)を使用して、好みのフォントを使用して見出しを画像として書式設定します。 あなたの本文にもっと見栄えのするフォントを取り入れたいのであれば、いつでもCSSの中でこのようなものに頼ることができます。

font-family:、Calibri、 "Gill Sans MT"、Helvetica、Tahoma、Arial、sans-serif。

最初にあなたの空想的なフォントを使用しようと試みることを覚えていて、そして一致が見つかるまでもっと日常的な選択のリストを通して遡ります。 ユーザビリティの観点から、ほとんどの人は自分の本文にHelveticaやTimes Romanのような単純なフォントを好むことに注意してください(Google、Yahoo!、Stack Overflowなどを考えてください)。 ビットマップ画像で見出しを盛り上げることは、もちろん、Webライフのスパイスの一部です。


4


私は Cufónを使います。 最近のすべてのブラウザで動作し、軽量で比較的設定が簡単です。


3


あなたは sIFRまたはhttp://typekit.com[TypeKit]のような何かを見ることができるかもしれません、それはカスタムフォントを修正するためにそれぞれフラッシュとジャバスクリプトを使うでしょう。

`@ font-face`を正しくサポートしているブラウザはまだ多くありません。


1


ダイナミックフォントについてはこちらを読んでください。

http://www.htmlgoodies.com/tutorials/getting_started/article.php/3479401[そう、動的フォントが欲しいのですか。]

_動的フォント

ダイナミックフォントは、それらを使用するページとともにダウンロードされるフォントスタイルファイルです。 それらをイメージとして考えてください。 それが基本概念です。

これらのフォントを使用すると、フォントファイルは画像のようにキャッシュにダウンロードされます。 一度そこに入ると、あなたがあなたのキャッシュを完全にクリアしない限り、フォントは将来の訪問のためにそこにあるでしょう。 これらのフォントを初めて使用するときにページを見るのは楽しいです。 ページはデフォルトフォーマットのテキストと完全に入ります。 その後、フォントがダウンロードされると、ページ全体がリロードされて有効になります。 それは素晴らしい効果です。

これらのフォントの使用は基本的にはNetscape Navigator 4.0以上です。 ただし、フォントと一緒にActive Xヘルパーアプリケーションを含めると、MSIE 4.0以上を使用してフォントを表示することもできます。 ___


1


あなたはあなたがあなたのWebページのために「ハイスタイル」フォントを使うために「必要」と言っています。 それが本当に本当なら、あなたはBob Kaufmanの答えに従う必要があります。 ただし、テキストに画像を使用する場合の問題は、インデックス作成、検索などが完全に中断されることです。 その代わりに、それをやらず、優先順位の高いフォントのリストに従うことを検討してください。

`font-family`を指定すると、リストを与えることができ、最初にマッチしたフォントが使われます。 これは優雅な低下を可能にします - もしユーザーがあなたの派手なフォントを持っていても大丈夫ですが、そうでなければ(あなたによって定義された)次善の選択肢が使用されます。

body {font-family: "Nifty Coolフォント"、 "Times New Roman"、ジョージア州、セリフ; }
http://www.w3schools.com/css/pr_font_font-family.asp[font-family]プロパティについては、w3schoolsのページを参照してください。


0


一部のWebページでは、見出しだけにFlashムービーを使用しています。見出しには、書体を埋め込むことができます。 あなたは(自動的に生成された)画像を使用することができます。 私は個人的にはすべてが非専門的だと思いますが、異なる人々はデザインに対するユーザビリティと標準のバランスが異なります。

あなたがフォントを再配布しているなら、あなたが法的な意味を見ていることを確認してください。


0


あなたはこれを達成するためにJavaScriptを訴えることができます。

http://cufon.shoqolate.com/generate/[例としてライブラリがあります。]

同じことができるライブラリが他にもあるかもしれません。


0


ここに示されているように.TTFファイルを参照するのにCSSを(前に掲示されるように)使用できる:

よろしく。


0


あなたのサイトにIEの訪問者があまりいない場合は、 CSS 3 Webフォントを使用できます


0


あなたが使用したいフォントによります…​ 最も簡単な解決策は `@ font-face`メソッドを使うことです。 マイクロソフトのみのフォーマット(.EOT)を含めると、* ANY *ブラウザで動作します。

http://www.fontsquirrel.com/fontface[Font Squirrel]には、以下のような商業的に使用できる無料のフォントキットの素晴らしいコレクションがあります。
  • Firefox 3.5およびSafari用のオリジナルの* TrueType または OpenType *フォント

  • Internet Explorer用の* EOT *フォント

  • Opera、iPhone用の* SVG *フォント

  • Firefox 3.6用の* WOFF *フォント

  • Demo.htmlとstylesheet.cssなので、早く動き出すことができます

`@ font-face`メソッドはJavascriptやFlashを必要としません。前述のsIFRやCufonのテクニックのように、誰でもアクセス可能です。

それは完全にSEOフレンドリーでスケーラブルです。