テキストのレイアウト - フォント
私たちは、CSSスタイルは、フォント、サイズ、色、スタイルや他のテキストがページに属性を設定することができます。次のコードは、実装し、例を見てみましょう：のTimes New Romanのテキストページへのフォントを設定します。
ボディ{フォントファミリ： "のTimes New Roman";}
ここで設定しないように注意してくださいあなたは、フォントがインストールされていない設定した場合、ユーザーのローカルコンピュータ場合、ブラウザはデフォルトのフォントが表示されますので、一般的に使用されるフォントではありません。（ユーザが設定したフォントスタイルを使用すると、ユーザーのローカルコンピュータにインストールされているフォントを設定するかどうかに依存するかどうかを見ることができるので）
、今一般的にページを設定することを好む「マイクロソフトエレガントな黒」、次のコード：
ボディ{フォントファミリ：「微軟雅黒」;}
若しくは
ボディ{フォントファミリ：「マイクロソフトyahei」;}
注：最初の方法は、互換性の数第二の方法よりも優れています。
美しく、クライアントのセキュリティに（ローカルユーザーは、一般的にデフォルトでインストールされている）を表示することができ、このフォントので。
例：
<！DOCTYPE HTML > < HTML > < ヘッド> < メタHTTP-当量= "Content-Typeの" コンテンツ= "text / htmlの;のcharset = UTF-8" > < タイトル>认识HTML标签</ タイトル> < スタイルタイプ= "テキスト/ CSS」> ボディ{ フォントファミリ："幼圆" 。} </ スタイル> </ ヘッド> < 身体> < H1 > < p型>第三年生は、私がいた< またがる上記ID言及=「ストレス」>マウスとして臆病</ スパン>決して間違った答えの先生が私を批判するだろう恐怖のために、教師からの質問に答えるためにあえてないクラスの少女を。彼は先生からの質問に答えるために勇気を持っていません。学校主催の活動は、私が参加する勇気を持っていません。</ p型> < p型>次の学期に三年生、オープンクラスの私たちのクラスは、先生が非常に簡単な質問をしたときに、クラスの多くの学生が手を上げて、私よりもさらに悪い成績でなく、挙手するだけでなく、言った：「私は私が来る、来る」私は、私はそれを上げていなかった、周りを見回しました。</ P > </ ボディ> </ HTML >
ブラウザの出力：
勇気
三年生は、私がいた少女のマウスのように臆病な、学校は間違った答えの先生が私を批判するだろう恐れのために、教師からの質問に答えることを恐れてではありませんでした。彼は先生からの質問に答えるために勇気を持っていません。学校主催の活動は、私が参加する勇気を持っていません。
三年生次の学期、オープンクラスの私たちのクラスは、先生が非常に簡単な質問をすると、クラスの多くの学生が手を上げて、私よりもさらに悪い成績でなく、挙手でなく、言って：「私は来、私が来る。」私は周りを見回した、私はそれを上げていませんでした。