« スタイルシート | メイン | Rupee(ルピー)! »



2005年01月18日

トップタイトル バナーのフォント

タイトル部分のバナーのフォントを変えてみました。
変えるにはテンプレートのスタイルシートの書き換えを行います。

やり方は簡単で、#bannerのfont-familyを変えればOKでした。
font-familyの後に指定したいフォントを書けば良いです。
左から順に優先的に指定されます。
変更前はGeorgiaとTimes New Romanを指定していますが、Arial BlackはWindowsもMacも両方初めから入っているフォントですので、ひとつだけの指定にしました。
フォント名にスペースが入っている場合は「' '」や「" "」で囲みます。
それと最後のserilなどは、フォント名では無くフォントの種類です。
serifが明朝体でsans-serifがゴシック体です。

■ 変更前
Georgia

#banner {
font-family: Georgia, 'Times New Roman', serif;
color: #FFFFFF;
background-color: #33CC00;
text-align: left;
padding: 15px;
border-bottom: 1px solid #FFFFFF;
height: 39px;
}

■ 変更後
Arialblack

#banner {
font-family: 'Arial Black', sans-serif;
color: #FFFFFF;
background-color: #B22222;
text-align: left;
padding: 15px;
border-bottom: 1px solid #FFFFFF;
height: 39px;
}

実は、初めてのスタイルシートの書き換えです。
今まで名前は知っていたものの、何の事か判っていませんでした。
こんな簡単な事までいちいち記事にしないで良いような気もするのですが、自分への覚え書きとして残しておきます。

投稿者 kitano : 2005年01月18日 14:48



トラックバック

このエントリーのトラックバックURL:
http://yellowjamaican.jp/cgi/mt/mt-tb.cgi/23