フォントのサイズ
フォントのサイズの変更方法についてご紹介します。
ブログの管理画面上部の「ブログの設定/管理」から、左サイドバーにある「デザインの設定」をクリックし、「スタイルシート(CSS)」を編集する画面へ移動してください。
変更したい文字(フォント)のサイズを指定している箇所を、下記を参考に探してください。
ブログのタイトルのフォントのサイズ
.blogtitle{
font-size:16px;
}
ブログのサブタイトルのフォントのサイズ
.description{
font-size:14px;
}
記事の日付のフォントのサイズ
.date{
font-size:12px;
}
記事のタイトルのフォントのサイズ
.title{
font-size:14px;
}
記事の本文のフォントのサイズ
.main,.mainmore{
font-size:12px;
}
記事末尾(CommentやTrackbackなど)のフォントのサイズ
.posted{
font-size:11px;
}
プラグインタイトルのフォントのサイズ
.sidetitle{
font-size:12px;
}
プラグイン本文のフォントサイズ
.side{
font-size:11px;
}
カレンダープラグインのタイトルの部分のフォントサイズ
.calendarhead{
font-size:12px;
}
下記を参照に、希望の大きさにあわせてフォントサイズの指定を書き換えてください。
font-size:medium;
font-size:small;
font-size:x-small;
font-size:xx-small;
font-size:10px;
font-size:12px;
font-size:14px;
font-size:20px;
修正後は、「この内容で保存する」をクリックして、「CSS」を再構築してください。
xx-smallは、IEの場合はほどよいサイズに表示されますが、FireFox(WinでもMacでも
の場合はとても小さく表示されます。そのため、日本語や太字(ボールド)がつぶれてしまいます。どうしてもxx-smallを使う場合は、英語の部分だけにするとよいかもしれません。
STEP1
ブログの管理画面上部の「ブログの設定/管理」から、左サイドバーにある「デザインの設定」をクリックし、「スタイルシート(CSS)」を編集する画面へ移動してください。
STEP2
変更したい文字(フォント)のサイズを指定している箇所を、下記を参考に探してください。
ブログのタイトルのフォントのサイズ
.blogtitle{
font-size:16px;
}
ブログのサブタイトルのフォントのサイズ
.description{
font-size:14px;
}
記事の日付のフォントのサイズ
.date{
font-size:12px;
}
記事のタイトルのフォントのサイズ
.title{
font-size:14px;
}
記事の本文のフォントのサイズ
.main,.mainmore{
font-size:12px;
}
記事末尾(CommentやTrackbackなど)のフォントのサイズ
.posted{
font-size:11px;
}
プラグインタイトルのフォントのサイズ
.sidetitle{
font-size:12px;
}
プラグイン本文のフォントサイズ
.side{
font-size:11px;
}
カレンダープラグインのタイトルの部分のフォントサイズ
.calendarhead{
font-size:12px;
}
STEP3
下記を参照に、希望の大きさにあわせてフォントサイズの指定を書き換えてください。
font-size:medium;
font-size:small;
font-size:x-small;
font-size:xx-small;
font-size:10px;
font-size:12px;
font-size:14px;
font-size:20px;
STEP4
修正後は、「この内容で保存する」をクリックして、「CSS」を再構築してください。
おまけ
xx-smallは、IEの場合はほどよいサイズに表示されますが、FireFox(WinでもMacでも
の場合はとても小さく表示されます。そのため、日本語や太字(ボールド)がつぶれてしまいます。どうしてもxx-smallを使う場合は、英語の部分だけにするとよいかもしれません。
2007年07月09日(月) 19:08:22 Modified by everydaydesign