6

Web ページで鮮明でクリアな大きなフォントを作成する良い方法はありますか? さまざまなフォント サイズと色を使用して、ホームページにタグ クラウド効果を作成する必要があります。

HTML/CSS で設定しましたが、デフォルトでアンチエイリアスをサポートしていない古いブラウザーや OS では、少し見栄えが悪くなります。

私はsIFRで遊んだことがありますが、これは美しく機能しましたが、いくつかの恐ろしい負荷効果がありましたが、次の方法があるかどうか疑問に思っています。

a）ブラウザ/OSの検出を行い、アンチエイリアスをサポートしていることがわかっているブラウザ/OSの組み合わせ（生のHTMLを取得する）と、画像タグを取得する「その他」によってユーザーを分割します。

b) アンチエイリアシングを追加するためのある種の JavaScript?

c) div に BG 画像をロードし、HTML テキストを非表示にする恒久的なソリューション。（私は知っています、私は知っています、インデックス解除に関するGoogleのホラーストーリー...しかし、それは可能ですか？）

4

6 に答える 6

5

+1ハンクのコメント。これを行うことで得られるものはほとんどありません。一部のデスクトップブラウザ（IE7 +およびSafariを含む）は、OSレベルでオフになっている場合でも、デフォルトでアンチエイリアスをオンにします。最近の（XP以降の）OSは、とにかくデフォルトでオンにする傾向があります。残りの部分にAAを強制することにより、次のようになります。

（+）無意識のうちにAAを持っていないIE6およびXP+Firefoxユーザーの表示を少し改善します

（-）すべての人（特に限られたモバイルデバイスのユーザー）の読み込みを遅くします

（-）優先フォントサイズを無効にする

（-）アンチエイリアシングが「すべてぼやけている」ために意図的に無効にするラッダイトを不必要に苛立たせます（*）

（*：特に古いファジーCRTモニターの場合、これが意味をなす場合もあります。）

于 2009-03-19T10:47:33.917 に答える
4

a）もちろん、ブラウザ検出を使用できます。これを行う最も簡単な方法は、おそらくjQueryのブラウザメソッドを使用することです。（jQueryは、聞いたことがない場合に備えて、多くのJS開発を容易にする素晴らしいJavaScriptライブラリです）

取得するブラウザー（またはOS）の結果に応じて、通常のテキストからFlashソリューションのようなものまで、さまざまなソリューションをユーザーに提示できます。

しかし、私はそれに反対することをお勧めします。古いマシンよりも新しいマシンの方が見栄えがします。それがまさにその通りです。そのため、古いブラウザの小さな不具合に貴重な時間を費やすことはお勧めしません。-もちろん、古いブラウザを使用しているユーザーが主な人口統計でない限り。この場合、Flashですべてを実行するのはどうですか？1つが常に機能する場合は、2つのソリューションをコーディングしても意味がありません。

b）実際には、JavaScriptを介してアンチエイリアステキストを作成できます。例として、私のプロジェクトDie Stimme Gottes（ "Voice of God"-宗教的にきしむ音ではない）を見てください。このプロジェクトでは、このために優れたtypeface.jsを使用しました。

c）CSSを使用するだけですか？ 

h1.welcome {
    background: url('the-welcome-image.png') no-repeat;
    color: transparent;

}

于 2009-03-19T10:36:01.073 に答える
0

見た目では、（実際の順序ではなく）最良の方法は次のとおりです。

1）画像を使用します。サイトのSEOに依存している場合は、必ずhtmlを追加し、これらの方法のいずれかを使用してcssを使用して非表示にしてください。

2）typeface.js-ほとんどの最新のブラウザで動作するJS。いくつかのバグと不具合がありますが、うまく機能します。ユーザーにアンチエイリアシングを強制する場合は、これが機能します。慎重に使用してください。OperaとIE8の互換性に取り組んでいる著者...

2）sIFR-選択したテキスト領域をフラッシュムービーに動的に置き換える優れたスクリプト。繰り返しになりますが、いくつかのバグや不具合がありますが、見栄えの良いフォントに興味がある場合は、これが最適です。ただし、ページの読み込みが増えるため、これまで以上に少なくなるように、慎重に使用してください。

私は非常に高速なページ読み込みが好きなので、JSの重いソリューションを使用しない傾向がありますが、見栄えの良いフォントが必要な場合は、これらが最も優雅でシンプルな方法のようです。

于 2009-03-23T17:19:55.240 に答える
0

背景色を強制し、同じ背景色を持つクラスまたは要素に対して再定義します。できます。

span.your_class {
    writing-mode: tb-rl;
    filter: flipv fliph;
    background-color: #006cb8 !important;
}
于 2012-12-20T14:55:07.923 に答える
-5

見栄えの良いフォント レンダリングには、Flash または Silverlight が最適です。

于 2009-03-19T10:21:27.910 に答える