CSSのフォント

テキストの色のCSSに次のテキストのスタイルには多くの方法を提供し、多くの専門家と素人さんのWebサイトとの間の違いを生むことができます。

フォントファミリー

ジョージアserifフォントジョージアserifフォント
Verdana sans - serifフォントVerdana sans - serifフォント

CSSのフォントファミリー 、フォントのテキストを入力するワードプロセッサでは、Microsoft Wordなどを選択してフォントと同様のレンダリングに使用されます。

彼らは2家族:これらの装飾をせずにいくつかのストローク sansの両端- serifフォントには、ほとんど詳細をserifフォントに分割することができます。 Serifのフォントを読み取りに高解像度の小さな装飾はっきり見えるようにするために簡単です。一方、サンセリフ上のコンピュータの画面について- serifフォント、読みやすさが示されている場合は、フォントサイズが非常に見出しのような大きさです。

ばしているユーザーのシステム上にインストールされ 、指定したフォントのみを使用することができます。これは、この存在だけで、すべてのシステム上で動作する安全なWebフォントのほんの一握りのです。がほとんどない点は、時間が正しく99.9%は表示されません特殊さんのフォントを使用しています。

場合は、使用できるフォントを変更するfont-familyカンマで区切られた値のフォント名を持つプロパティ。は、フォント名の新しい時代のローマのような重引用符で包まれている必要がスペースを含んで注意してください"new times roman"

CSSフォントファミリー

body {font-family:arial}
strong {font-family:georgia}

出力

それは良い方法は、常にこのような一つとして、 一般的なフォントを提供するserifまたはsans-serifの末尾にfont-family場合には文を他のすべて失敗した場合:

CSSの一般的なフォント

body {font-family:verdana,kalimati,sans-serif}
h1 {font-family:georgia,"new times roman",serif}

Webベースの安全なフォント

ここで、ウェブのリストには、通常、 相互動作するプラットフォームのあなたのウェブサイトに使用できる安全なフォントの:

Serifフォント 出力
回、"Times New Romanの" 怠惰な犬を簡単に茶色のキツネジャンプ
グルジア 怠惰な犬を簡単に茶色のキツネジャンプ
セリフ 怠惰な犬を簡単に茶色のキツネジャンプ
sans - serifフォント 出力
arial 怠惰な犬を簡単に茶色のキツネジャンプ
helvetica 怠惰な犬を簡単に茶色のキツネジャンプ
verdana 怠惰な犬を簡単に茶色のキツネジャンプ
sans-serif 怠惰な犬を簡単に茶色のキツネジャンプ
等幅フォント 出力
"courier new",courier 怠惰な犬を簡単に茶色のキツネジャンプ
monospace 怠惰な犬を簡単に茶色のキツネジャンプ