FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか？

文字の大きさを変える

文字の大きさを変える方法を紹介します。

スタイルシートの次の変数が文字の大きさに対応しています。

/* サイトタイトル */
h1 {
～
　　font-size: 1.2em;　/* タイトルの大きさ */
～
}

/* サブタイトル(サイト説明) */
h2 {
～
　　font-size: 0.8em;　/* サブタイトルの大きさ */
～
}

/* エントリー（記事）タイトル */
h3 {
～
　　font-size: 0.8em;　/* 記事タイトル文字の大きさ */
～
}

/* エントリー(記事)スタイル */
.article {
～
　　font-size: 75%;　/* エントリー(記事)の文字の大きさ */
～
}

/* メニュータイトル */
.menu_title {
～
　　font-size: 0.8em;
～
}

/* メニューコンテンツ */
.menu_cont {
～
　　font-size: 75%;　/* メニューコンテンツの文字の大きさ */
～
}

※旧バージョン
.plug_cont {
～
　　font-size: 75%;
}

Ctrlキーを押しながらFキーを押すと検索できて素早く目的の変数を見つけることができると思います。

各数値を変えてお好みのサイズにカスタマイズしてください。

関連記事

[ 2006/01/21 21:41 ] カスタマイズ standard 専用 | TB(0) | CM(62)

≪ リンクのスタイルを変える | HOME | サイト幅を変える(standardシリーズ) ≫

[ 42 ] 管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

[ 2006/01/22 11:54 ] [ 編集 ]

[ 391 ]

はじめまして。
テンプレートをお借りしています。
文字のサイズについてお聞きしたいのですが、
記事を書いて、一部だけサイズを小にして更新するとそれが反映されてないのですが、私のカスタマイズの仕方が悪いからなのでしょうか？
教えていただけますか？
よろしくお願いします。

[ 2006/05/18 02:09 ] [ 編集 ]

[ 393 ] > りんさん

こんばんは、りんさん。
投稿記事の一部の文字サイズを小さくする方法を掲載したのでこちらを参考にしてください。

http://10plate.blog44.fc2.com/blog-entry-59.html

[ 2006/05/21 19:59 ] [ 編集 ]

[ 505 ] はじめまして

テンプレート素敵ですね、お借りしようと思っています＾＾。カスタマイズしているのですが、わからないことがあります。記事タイトルを太字でなく記事と同じふつうの文字に変えたいのですが、教えていただけますか？

[ 2006/08/24 09:35 ] [ 編集 ]

[ 508 ] > miuさん

こんばんは、miuさん。
スタイルシートで「h3」のスタイルを指定しているところがあります。そこに

font-weight:normal;

この一行を加えれば記事タイトルが太字ではなくなります。試してみてくださいね。

[ 2006/08/24 23:26 ] [ 編集 ]

[ 511 ] ありがとうございます

やってみたら、すぐに出来ました＾＾。
でも全体的にみたら、やっぱり太字のままの方がすっきり綺麗にみえるので、文字の色を変えてテンプレの雰囲気を変えてみました。ありがとうございます♪

[ 2006/08/26 04:49 ] [ 編集 ]

[ 513 ] > miuさん

こんにちは、miuさん。
素晴らしい配色です！淡く自然な感じで見てて癒されますね。色って僅かな違いでも印象が変わってくるので本当に奥が深いです。

[ 2006/08/26 16:43 ] [ 編集 ]

[ 581 ] 記事内の文字について

ブログ内のやり方を見ても、記事内の文字がどうしても
小さくできません。
よろしければ詳しい説明お願いします。

[ 2006/09/25 17:45 ] [ 編集 ]

[ 583 ] > サンボさん

こんばんは、サンボさん。
現状を確認したいのでブログURLを教えて頂けないでしょうか。宜しくお願い致します。

[ 2006/09/25 21:36 ] [ 編集 ]

[ 587 ] 管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

[ 2006/09/26 16:09 ] [ 編集 ]

[ 601 ] 記事内の文字について

質問の解答ありがとうございました。おかげで文字を
小さくすることができました。これからもあなたの
テンプレートを使っていこうと思っています。
これからもよろしくお願いします。

[ 2006/09/29 21:22 ] [ 編集 ]

[ 604 ] > サンボさん

こんばんは、サンボさん。
解決できて良かったですね＾＾
また何でも聞いてくださいね。

[ 2006/09/30 18:07 ] [ 編集 ]

[ 906 ] nabii

lightframe_whiteを使ってるんですが、font-size部分をいくらいじってもfirefoxで見ると文字の大きさが変わりません。ieで見ると変化があるんですが。。。。なぜなんでしょう？

[ 2006/12/29 00:25 ] [ 編集 ]

[ 908 ] > nabiiさん

こんばんは、nabiiさん。
どの箇所(記事、プラグイン等)の文字の大きさを変えたかったのでしょうか。また実際にfont-sizeをいじった箇所(クラス名)はどこでしょうか。
より詳細な情報を得るためにブログURLを教えて頂ければ助かります。

[ 2006/12/29 02:48 ] [ 編集 ]

[ 1631 ] 文字の大きさを大きくしたいのですが

なぜか下の記事ほど文字が小さくなってしまい、見づらくなっています。
最上段の記事と同じ文字の大きさにしたいのですが、どうすればよいのでしょうか？

[ 2007/04/03 23:39 ] [ 編集 ]

[ 1635 ] > netkasegiさん

テンプレートのHTML等を編集したでしょうか。もしそうならタグ切れを起こした可能性があります。もう一度新しいテンプレートをダウンロードしてご使用ください。

もしそれでも正常に表示されない場合はプラグインが悪さしている可能性があります。怪しいプラグインを一つずつ外して表示してみてください。

それでも正常に表示されない場合は記事自体が問題です。記事中のタグが切れていないか確認してください。

バグを解決するには順序立てて一つ一つ解決していかなければなりません。根気が必要ですが頑張ってくださいね。

[ 2007/04/04 02:22 ] [ 編集 ]

[ 1839 ] ブラウザの表示によって幅文字の大きさが変動します

始めまして。お世話になっております。
当方ブラウザの表示文字サイズ大で見ていて、
それでずっとカスタマイズしていました。

一通りカスタマイズが終わって、
友人に見せたところ、文字サイズが変わると横幅、文字の大きさが全部かわってしまいます。

こちらのサイトのように、ブラウザに左右されない、
文字と横幅の設定を教えていただけないでしょうか？

[ 2007/05/04 23:39 ] [ 編集 ]

[ 1843 ] > echisaさん

可変単位(em,%等)を
固定単位(px,pt等)に変えてください。

単位を変えると数値もそれにあったものに変えなければなりません、フォントサイズでいうと10px～12pxぐらいが標準的な目安です。

standardシリーズは文字サイズだけでなく、サイト幅もブラウザの表示によって可変するように作られています。サイト幅も固定にしたい場合はこちらの記事に示された箇所も固定単位に変えてください。

サイト幅を変える
http://10plate.blog44.fc2.com/blog-entry-21.html

「複製」でテンプレートのコピーをバックアップしてから挑戦してくださいね。

[ 2007/05/05 11:50 ] [ 編集 ]

[ 2052 ] ありがとうございます

時間がかかりましたが直せました。
ご親切な指導ありがとうございました！

[ 2007/06/03 02:45 ] [ 編集 ]

[ 2068 ] > echisaさん

カスタマイズ等はときに時間がかかることもありますが、知識が身に付くことを考えれば決して無駄な時間ではありません。頑張りましたね＾＾

[ 2007/06/04 23:49 ] [ 編集 ]

[ 2076 ] はじめまして＾＾

テンプレート＆カスタマイズでお世話になっています。
記事の文字はノーマルで表示されますが　カテゴリーから表示すると太字で表示されてしまいます＾＾；
同じノーマルで表示したいのですが
設定をお教えいただけますでしょうか？　

[ 2007/06/05 19:15 ] [ 編集 ]

[ 2079 ] >かどりんさん

ありがとうございました～^^
綺麗に表示されました＾＾
ず～～と悩んでいろいろ触ってましたが
一向にわかりませんでした。
本当にありがとうございました。

[ 2007/06/05 21:03 ] [ 編集 ]

[ 2082 ] > kunnyさん、かどりんさん

ありがとうございます、かどりんさん。
ソースをみてタグ切れを発見するなんて相当大変なことです。最近の私はそこまで出来なくなってしまいました＾＾；

kunnyさん、解決して良かったですね＾＾

[ 2007/06/06 00:14 ] [ 編集 ]

[ 2089 ] ＞いたおさん、かどりんさん

いたおさん、わざわざコメントありがとうございます＾＾

＞ソースをみてタグ切れを発見するなんて相当大変なことです

はい！かどりんさん、本当にありがとうございました＾＾

[ 2007/06/06 13:55 ] [ 編集 ]

[ 2094 ] > kunnyさん

私もかどりんさんには本当に感謝しています。
kunnyさんの「神戸スタイル」実は凄くカスタマイズされてますね＾＾

[ 2007/06/07 01:01 ] [ 編集 ]

[ 2096 ] ＞いたおさん

＞kunnyさんの「神戸スタイル」実は凄くカスタマイズされてますね

これはいたおさんのテンプレート工房のお陰です
ここを見つけたときは超～嬉しかったです(-^▽^-)

これからも頑張ってください！！

[ 2007/06/07 11:03 ] [ 編集 ]

[ 2100 ] > kunnyさん

喜んでもらえて嬉しいです＾＾
私にとって神戸といえばあなろぐさんなのですが、既にあなろぐさんをご存知だったようですね。なんか嬉しいです。

[ 2007/06/08 01:21 ] [ 編集 ]

[ 2154 ]

記事内のフォントを変えたい場合はどうすればいいんでしょうか＞＜
変数とかスタイルシートとかあんまり詳しくないもので。。。

[ 2007/06/11 02:36 ] [ 編集 ]

[ 2168 ] > 匿名さん

テンプレートは何をお使いでしょうか？それによりスタイルシートの編集箇所が変わってきます。

[ 2007/06/13 01:53 ] [ 編集 ]

[ 2192 ]

えっとdefaultですね

[ 2007/06/14 16:27 ] [ 編集 ]

[ 2201 ] > 匿名さん

共有テンプレートには「default」というテンプレートが２つあるようですね。匿名さんがお使いのほうのテンプレート作者さまにフォント変更のための修正箇所を伺ってみてくださいね。

[ 2007/06/15 00:37 ] [ 編集 ]

[ 2685 ]

はじめまして。最近、お世話になっております。
突然ですみませんが、ひとつ困ったことがあります。

/* エントリー(記事)スタイル */
.article {
～
　　font-size: 75%;　/* エントリー(記事)の文字の大きさ */
～
}

この部分を変えても、エントリー本文の文字の大きさが変わりません。エントリー内の、amazonへのリンク文字の大きさは変わるのですが…。
原因がわかれば、ぜひ教えていただきていのですが、よろしくお願いします。

[ 2007/08/29 13:25 ] [ 編集 ]

[ 2698 ] 追記

すいません。
自己解決いたしました。
お騒がせして申し訳なかったです。

[ 2007/09/01 15:00 ] [ 編集 ]

[ 2707 ] 管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

[ 2007/09/03 01:01 ] [ 編集 ]

[ 2735 ] > キズキさん

自己解決しましたか。返事が遅くなって申しわけございません。

[ 2007/09/10 23:45 ] [ 編集 ]

[ 2752 ] 管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

[ 2007/09/14 11:10 ] [ 編集 ]

[ 3020 ]

はじめまして＾＾
前使っていたテンプレートでカスタマイズに
躓いたところいたおさんのテンプレートで簡単に
解決することができました。
とても使いやすいです＾＾
これからもテンプレート制作や
カスタマイズ法の書き込みなどがんばってください。

[ 2008/01/05 15:26 ] [ 編集 ]

[ 3022 ] リンク集の文字を小さくしたい

はじめまして。使いやすいテンプレートと、親切な説明で、本当に役に立っています。

さて、現在相互リンク集を右側に持ってきていますが、リンクの幅が結構広いため、肝心の真中コラムが狭くなっています。

つきましては、リンク集の文字を少しだけ小さくして、もう少し記事欄に幅を分けてあげたいと思います。

どうやってカスタマイズしたらよいか、教えていただけますと幸甚です。よろしくお願いいたします。<(_ _)>

[ 2008/01/07 19:03 ] [ 編集 ]

[ 3160 ]

ディアド要塞のもともとの領主はバランカ（NPC）です。この、バランカに血盟が宣戦布告して戦いが始まります。バランカを倒し、血盟が城主となっても再度バランカたちは城を取り戻すために攻撃を仕掛けてきます。

[ 2008/03/08 11:04 ] [ 編集 ]

[ 3430 ] フォント書体を変えたい場合

はじめまして。
F2Cのテンプレート一覧からkz2006_2kaiに出会い
現在色などカスタマイズ中なのですが
色々自分なりにやってみたのですが
フォントの書体変更がわかりません。
スタイルシートをいじってみたのですが
どうやらトンチンカンな事をやっているので
全く変わりません。

お忙しい所お手数お掛け致しますが
もしお時間があったら教えて頂けないでしょうか？
シンプルで幅も簡単に動かせて大変気に入っています。
宜しくお願い致します。　　<(_ _)>

[ 2008/06/30 09:07 ] [ 編集 ]

[ 3432 ] ▼ひよこさん

＞http://10plate.blog44.fc2.com/blog-entry-68.html
に掲載されています。
「kz2006_2kai」はいたおさん製作のテンプレートではないですが書体変更は同じ方法で出来ます。

[ 2008/06/30 11:36 ] [ 編集 ]

[ 3435 ] ひよこ⇒ちゃんさんへ＆いたおさんへ

ちゃんさん、本当にありがとうございました！

＞http://10plate.blog44.fc2.com/blog-entry-68.html

私はこちらを捜し出せていなかったのですね。
私は安易にスタイルシートの中に書体をいじれる場所があるのだと思い、何日もいろんなタイプのテンプレートのスタイルシートを見比べていじり倒して苦悩の日々を送っていました。これでまた一歩前進できます。

いたおさん、勘違いしてこちらで質問してしまいました(汗)
失礼致しました<(_ _)>
でもそのおかげでこちらのサイトでは勉強になる事が沢山あり、知る事が出来て嬉しいです。

本当に本当にありがとうございました！

[ 2008/07/01 08:24 ] [ 編集 ]

[ 3508 ] プラグインの

はじめまして。
文字のサイズ変更についておたずねしたいのですが
プラグインの中の各カテゴリの文字を大きくする方法を
教えていただけないでしょうか？

こちらのサイトでは“お薦めカスタマイズ”の
「ブログのサイトマップ」や「背景に画像を使う」の文字などになります。
また、これらの文字頭にｱｲｺﾝ画像をつけることは可能でしょうか？
お手数ですが、どうぞ宜しくお願いいたします(__;>

[ 2008/08/27 10:03 ] [ 編集 ]

[ 5457 ]

記事スタイルをMS Pゴシックにしたいんでが出来ません
どうしたら宜しいのでしょうか？

[ 2009/08/15 16:41 ] [ 編集 ]

[ 5459 ] > 名無しさん

こちらの記事を参考にしてください。

字体（フォント）を変える
http://10plate.blog44.fc2.com/blog-entry-68.html

[ 2009/08/15 17:23 ] [ 編集 ]

[ 5460 ]

了解です

[ 2009/08/15 17:27 ] [ 編集 ]

[ 5503 ] ツリーにしたのですが・・・

ブログのメニューをツリー化したのですが、文字のサイズを大きくしたいのですが、どのようにすればいいですか？
例えば左側のCFW 5.50 GEN-Aの大きさを変えたいということです。
よろしくお願いします。

[ 2009/08/18 17:54 ] [ 編集 ]

[ 5508 ] > masa5714さん

プラグインHTMLに直接スタイルを書いているようですね。

<li class="sub_list" style="font-size: 10px;～

この値を変えてみてください。

[ 2009/08/18 21:42 ] [ 編集 ]

[ 5520 ] さっそくの返事

早速の返事ありがとうございます。
ためしてみます。

[ 2009/08/19 08:57 ] [ 編集 ]

[ 5521 ] 何度もすみません

何度もすみません。
もうちょっと詳しく教えてもらえますか？
この「～」ってひつようですか？
<li class="sub_list" &align>
と
<li class="sub_list_end" &align>
の似たようなものがあるのですが、このどちらかに
<li class="sub_list" style="font-size: 10px;～
を加えればいいのですか？

[ 2009/08/19 09:28 ] [ 編集 ]

[ 5526 ] > masa5714さん

～は、後に続く記述を省略しただけなので気にしないでください。
文字の大きさを変えたいのはプラグイン「PSP関係」ですよね。そのプラグインHTMLを見て下さい。既に style="font-size: 10px; という箇所があるはずです。この数値をお好みのサイズに書き換えてください。

[ 2009/08/19 19:47 ] [ 編集 ]

[ 5538 ] ありがとうございます。

有難うございます!!できました！
うれしいです。
最後まで親切に教えてくださって有難うございました。
今度もお世話になるときはよろしくお願いします。
これからもがんばってください。

[ 2009/08/20 10:11 ] [ 編集 ]

[ 5545 ] > masa5714さん

文字が大きくなりましたね。
良かったです＾＾

[ 2009/08/20 17:58 ] [ 編集 ]

[ 5882 ] naka

いたおさんこんにちは＾＾
font-size: 84%; /* エントリー(記事)の文字の大きさ */
にしていますが、文字のサイズを中にしたら　バカでかくなります。
中のサイズもCSSで変更できますでしょうか