今までのCSS編集でブログ全体ののスタイルの変更をしてきました。 フォント編では各箇所のフォントのデザインに目を向けたいと思います。 現在はデザインテンプレートのデザインが適用されているので、 そのままでもフォントのデザインが崩れることはありません。 今までの変更はデザインテンプレートの上に変更箇所だけ追加した状態で、 CSS編集のみで表示すれば文字の大きさや色が崩れてしまいます。 実際にはデザインテンプレートを使っている限り問題はありません。 でも、『ここのフォントのデザインを少し変えたいな』という場面もあるかも？ さて、フォントのデザインを指定するためには、例えば下のような文字列を使用します。 【フォントの大きさを指定します】 font-size:■%; 【フォントの色を指定します】 color:●; 【フォントの位置を指定します】 position:relative; top:▲px; left:◆px; それでは、これらを使ってフォントのデザインを変えていきますね（はーと） 【 CSS編集（フォント編） 】 ・ ブログのフォントのデザインを変えてみる♪  現在地  ・ 第１回 トップページのフォント♪　『タイトル〜プロフィール』 ・ 第２回 トップページのフォント♪　『新着記事一覧』 ・ 第３回 リンクの付いているフォント♪ 【再編集】 ・ 第４回 コンポーネント領域ののフォント♪ ・ 第５回 記事ページのフォント♪ 『タイトル 〜 記事題名』 ・ 第６回 記事ページのフォント♪『 関連テーマ 』 【 CSS編集（スタイル編） 】 ・ オリジナルデザインのブログを作ろう♪ ・ 第１回 タイトル画像を変更する♪ ・ 第２回 背景の画像と背景色を変更する♪ ・ 第３回 アイコンを変更する♪ 〜 コンポーネント領域 ・ 第４回 アイコンを変更する♪ 〜 ページヘッダ部分 ・ 第５回 トラックバック、コメント領域も変えてみよう♪ ・ 第６回 一覧の画像と罫線のサイズと色♪ ・ 第７回 ブログの幅を広げてみよう♪ ・ 第８回 いろんな場所の線のデザインをいじってみよう♪ ・ 第９回 コメントの入力欄の高さを変える♪ ・ 第１０回 コメントを区切る罫線のデザイン♪ （要考察） 【 ブログ編 】 ・ ウェブリブログでパンヤの絵文字〜フリースペースの活用♪

<< 前記事（2008/02/16）

トップへ

後記事（2008/02/17）>>

<< 前記事（2008/02/16）

トップへ

後記事（2008/02/17）>>