スタイルシート(CSS)レイアウト

Home>編集方法(カスタマイズ)目次>簡易スタイルシートリファレンス目次>フォントの設定

フォントの設定

フォントカラー

ページ全体を設定


BODY{
color : blue;
}

例えば見出し<h1>を設定


H1{
color : blue;
}

特定の<div>に設定


DIV{
color : blue;
}

▲このpageの上へ|目次

フォントサイズ

当サイトのテンプレートは"%"を使用してます


BODY{
font-size : 90%;
}

フォントサイズには"pt""px"等さまざまな表現（設定）がありますが、使用しているブラウザで大きさが変わってきます。またアクセシビリティの点で考えると訪問者が大きなフォントで見れる配慮も必要です。

とほほのWWW入門フォントサイズに関して詳しく説明しておられます。

強調

文字を太くする


BODY{
font-weight : bold;
}

CSS上では上記のように設定しますが、単に文章上で太くしたい場合は、<strong>文面</strong>と<strong>〜</strong>で囲みます。

ワンポイント：<b></b>について

こちらも文字を太くしますが、推奨されているのは<strong>〜</strong>です。

文字を斜体にする


BODY{
font-style : italic;
}

CSS上では上記のように設定しますが、単に文章上で斜体にしたい場合は、<em>文面</em>と<em>〜</em>で囲みます。

ワンポイント：<i></i>について

<strong>と同様に推奨されているのは<em>です。

▲このpageの上へ|目次

Home