通常、ユーザーが表示するページのスタイルは、3つのレイヤーによって制御されます。2番目のレイヤーはWebページの定義スタイルで、3番目のレイヤーはユーザー定義スタイルです。 CSSと同様に、背後にある優先順位は以前のものよりも高くなっています。つまり、Webページの定義スタイルはブラウザのデフォルトスタイルをオーバーライドできますが、ユーザー定義のスタイルは最優先事項です。実際の状況は、ブラウザが多かれ少なかれユーザー定義のスタイル機能を提供しますが、それらをカスタマイズするユーザーはほとんどなく、一般的に高度なユーザーとして使用されるユーザーはほとんどいません。ブラウザのデフォルトスタイルは、異なるブラウザ、異なる言語バージョン、さらにはさまざまなシステムバージョンで異なることがよくあります。各ブラウザのスタイルの一貫性を確保するために、ブラウザのデフォルト設定を書き換えようとします。
フォントを例として、各ブラウザのフォントサイズ、フォントラインの高さを例として取ります。このような。したがって、一貫した設計を確保し、開発効率を向上させるために、一貫したディスプレイ効果を実現するために、デフォルトのフォントスタイルを均一に設定する必要があります。
将来、次のデフォルトのフォントスタイルを使用する準備をします。
体{
フォント：12px/1.5 arial;
}私たちのページのほとんどのキャラクターは中国語です。 ＆Copy; Copityなので、一般的にCSSを使用して、より良いフォントスタイルで表示し、Song Fontを使用して中国語と中国語のシンボルを表示することを期待しています。私がアリアルを選んだ理由は、
WindowsとMacの両方に、このフォントがプリインストールされています。これは、最も広く使用されているWebフォントである必要があります。その潜在的なライバルのtahomaとhelveticaそれほど幸運ではありません。
Visual Designの専門家は、WindowsでTahomaとMacでHelveticaを使用する方が良いと考えている場合があります。たとえば、Taobaoのデフォルトフォントスタイルはfont: 12px/1 Tahoma, Helvetica, Arial, "5b8b4f53", sans-serif;これは素晴らしい選択ですが、Google、Yahoo、YouTube、Bing、さらにはMSNの新しいバージョンが最初のデフォルトフォントとしてarial使用していることもわかります。したがって、美学と読みやすさの観点から、 arial完全に受け入れられるはずです。
一般的に、 font-family:arial,sans-serif; -Familyの設定は、たとえばセキュリティを確保するために共通のフォントファミリーを設定します。エンコードはGBKです。IE8は、 sans-serifのために曲のフォントをレンダリングし、これがsans-serifとGoogleがこれを行う必要がない前に曲を追加する必要がある理由です。
中国のフォントの選択は非常に限られているため、現在、すべての主流のブラウザがソングフォントを使用して中国語を表示するように設定されています。 Baiduのホームページと検索結果ページは、 font-family:arial;使用しています。一部の人々は、Firefox中国語版によって表示される中国のフォントがMicrosoft Yaheiであることに気付くかもしれません。また、同様の状況が原因で、Webページを柔軟に設計することが非常に重要です。
最初のデフォルトフォントとして英語のフォントを使用することにつながる問題の1つは、中国語と英語のミキシングのアライメントの問題です。フォントを変更すると、問題を完全に解決できます。明らかに、この問題はIEでのみ発生します。したがって、ウェブサイトが英語、数字、英語のシンボルを使用しない場合、 {font-family:5b8b4f53;}を直接設定することも非常に合理的な選択です。
12pxは、Songtungのディスプレイの限界です。 Song Fontは基本的に中国語を現在表示する唯一のユニバーサルWebフォントであるため、12pxが最も一般的に使用されるフォントサイズになりました。もちろん、製品のニーズに応じてこのデフォルト値を変更できます。
フォントサイズ（EM）に基づいてデザインを考慮する必要はありません。
Chrome 3.0の後の中国語バージョンでは、最小のフォントサイズは12pxです。最小のフォントを10pxに設定すると、最終的には12pxになります。
これは、この値の異なる要件を持っている場合がありますが、一般的に使用されるデフォルト値を設定します。たとえば、Yuiのフォントでは、 font:13px/1.231 arial,helvetica,clean,sans-serif;デフォルトフォントの1.231倍です。中国語の場合、12px、14px、16px、18pxなどの一般的に使用されるフォントサイズは、IE6およびIE7でラインの高さを偶数に設定することもできます。
IE6およびIE7では、ラインの高い値はフォントの完全な表示を確保するか、リンクの場合にアンダースコアを効果的に表示するために、フォントの2pxを超える必要があります。
line-height設定する場合は、単位を使用しないようにしてください。したがって、単位の高さを使用する場合、ブラウザはline-height最初の定義として計算します。フォントサイズで変更することなく、ユニットレス値はコンテナのfont-sizeの倍数であるため、ユニットレス値に設定することが最良の選択です。
詳細なCSSラインの高さは、 line-heightを理解するのに非常に役立ち、読む価値があります。
ほとんどのプラットフォームにはarialがあり、ブラウザの検索時間を短縮します。
最小限のコードと書き込みが簡単です。 arialは基本的に、最短の名前のフォントであり、CSSのサイズを保存できます。
すべての文字は小文字であり、Googleは現在これを行っており、それらをより速く記述し、GZIP圧縮の効率を改善できるという利点があります。
たとえば、songyi {font-family:5b8b4f53;}使用するためにUnicode {font-family:5fae8f6f96c59ed1;}使用するのが最善です。 。
正しいフォントタイプを使用して書き込み、引用符を避けて、CSSのサイズを縮小できます。中国のフォントは以前の方法で書くことができます。
中国語と英語とシンボルの混合配置のテストを通じて、Microsoft Yaheiは英語の数字や英語のキャラクター、IE6とIE7のディスプレイ効果を含む非常にうまく機能していることがわかりましたが、唯一の後悔はMicrosoft Yaheの場合です黒いフォントを持つユーザーが「スクリーンフォントのスムージングエッジ」オプションをオンにしない場合、XPの下にインストールされていますが、Firefox、Safari、Opera、および特にIE6の下で非常にぼやけて認識するのが困難になります。現在、この問題に対する適切な解決策はないため、IE6使用率が非常に小さいまで正式に使用することのみが可能です。たぶんそれはXPが死ぬ2014年までかかるでしょう。
@font-faceは非常に早く発見されましたが、ブラウザのサポート、ネットワーク速度、ビジネスの問題はめったに使用されませんでした。最近のフォントに関する良いニュースは、Firefox 3.6がWeb Open Fontフォーマをサポートすることです。 Webフォントの将来に関する関連情報については、Webフォントの将来、Webフォント、現在の状況と未来に関する将来を確認し、Webフォントの現在の状況と未来について話します。