テキストの色のCSSに次のテキストのスタイルには多くの方法を提供し、多くの専門家と素人さんのWebサイトとの間の違いを生むことができます。
CSSのフォントファミリー 、フォントのテキストを入力するワードプロセッサでは、Microsoft Wordなどを選択してフォントと同様のレンダリングに使用されます。
彼らは2家族:これらの装飾をせずにいくつかのストロークと sansの両端- serifフォントには、ほとんど詳細をserifフォントに分割することができます。 Serifのフォントを読み取り紙に高解像度の小さな装飾はっきり見えるようにするために簡単です。一方、サンセリフ上のコンピュータの画面について- serifフォント、読みやすさが示されている場合は、フォントサイズが非常に見出しのような大きさです。
ばしているユーザーのシステム上にインストールされ 、指定したフォントのみを使用することができます。これは、この存在だけで、すべてのシステム上で動作する安全なWebフォントのほんの一握りのです。がほとんどない点は、時間が正しく99.9%は表示されません特殊さんのフォントを使用しています。
場合は、使用できるフォントを変更するfont-familyカンマで区切られた値のフォント名を持つプロパティ。は、フォント名の新しい時代のローマのような重引用符で包まれている必要がスペースを含んで注意してください"new times roman" 。
それは良い方法は、常にこのような一つとして、 一般的なフォントを提供するserifまたはsans-serifの末尾にfont-family場合には文を他のすべて失敗した場合:
ここで、ウェブのリストには、通常、 相互動作するプラットフォームのあなたのウェブサイトに使用できる安全なフォントの:
| Serifフォント | 出力 |
|---|---|
| 回、"Times New Romanの" | 怠惰な犬を簡単に茶色のキツネジャンプ |
| グルジア | 怠惰な犬を簡単に茶色のキツネジャンプ |
| セリフ | 怠惰な犬を簡単に茶色のキツネジャンプ |
| sans - serifフォント | 出力 |
|---|---|
| arial | 怠惰な犬を簡単に茶色のキツネジャンプ |
| helvetica | 怠惰な犬を簡単に茶色のキツネジャンプ |
| verdana | 怠惰な犬を簡単に茶色のキツネジャンプ |
| sans-serif | 怠惰な犬を簡単に茶色のキツネジャンプ |
| 等幅フォント | 出力 |
|---|---|
| "courier new",courier | 怠惰な犬を簡単に茶色のキツネジャンプ |
| monospace | 怠惰な犬を簡単に茶色のキツネジャンプ |