解決済

clip!clip!
Ads By Google

文字サイズのカスタマイズ

テンプレート空01を使っていたのですが、
1番小さいサイズだった文字が急に大きくなってしまいました。
そのため、今まで投稿した記事のバランスが崩れてしまいました(>_<)
カスタマイズで文字サイズ変更してみたのですが
半角の英数字や太字に加工した文字しか小さくなりません。。
どうしたら綺麗になるんでしょう~・・
どなたか教えて下さい~(T_T)
よろしくお願い致します~m(__)m

2006-04-16 13:19の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

2.

2006-04-16 15:16:54ベスト
空01テンプレートを適応して、
.main,.mainmore{
font-size:10px;
にしてみました。

>半角の英数字や太字に加工した文字しか小さくなりません。。

この状態になりました。
これは、ブラウザの仕様、なのかもしれません。
10pxの文字というのは、基本的に日本語が大きく、アルファベットなどは小さく表示される傾向にはあります。基本的には10pxの文字は使わない事をおすすめします。

Firefoxで見たら、さらにちっちゃく表示されたりしますので。
可能でしたら、Firefoxをインストールされ、Firefoxで表示される文字の大きさを見られてみて下さい。
びっくりしますよ。今回ご相談の症状がかわいく見えます。

ちなみにFirefoxのシェアは10%弱ですが、ユーザーは増えてきているらしいです。


なぜ文字が大きくなったのかは不明ですが、12pxはいじらずに、本文カラムの幅を広げるなどの対応をされた方が良いかもしれません。


↓下記のようにCSSの各部分を書き換えられてみて下さい。
(CSSはバックアップしておいて下さい。)

#content{
float:left;
width:500px;
margin-bottom:25px;
text-align:center;
background-color:#fff;
}

#blog{
width:500px;
margin-top:25px;
padding-bottom:30px;
text-align:center;
}

#links{
width:210px;
float:left;
margin-top:25px;
margin-bottom:25px;
margin-left:10px;
padding-bottom:30px;
background-color:#fff;
border:#e5e5e5 solid 1px;
}

.main,.mainmore{
font-size:12px;
color:#666666;
padding:10px 0px 15px 10px;
}

こりゃあかんわ、という時は元に戻してください。

クエンさん、本当に親切丁寧なご回答を有難うございましたm(__)m
とっても感激しました(*^_^*)

1.

2006-04-16 13:29:46


↑急に大きくなった場合、ブログの文字が大きくなったのではなく、ブラウザの文字が大きくなっている可能性があります。まずはそこからご確認をされてみて下さい。
Ads By Google

コメント(6)

#1.  
2006-04-16 13:40:37

クエンさん、早々に回答して下さってありがとうございます!
ブラウザの文字サイズは「中」のままなんです。。
それに半角の英数字等は指定したサイズに変更されるんです。。
ひらがなとか漢字等だけが大きいままでバランスが悪くて。。
カスタマイズで↓このようにしました。
.main,.mainmore{
      font-size:10px;

が、表示される、ひらがな・漢字等は12pxサイズのままになっています。。

#2.  クエン
2006-04-16 14:01:09

えっと、CSSを再構築して適応されている状態なら、原因がはっきりしないですね。

文中で使ったfontタグが閉じていないとか。

あとはブラウザを何を使っているか、何か変更した後に変化が出ているのであればその変更の情報もいただけたらと思います。

できればサイトを提示していただいた方が解決が早いかもしれません。

#3.  クエン
2006-04-16 14:15:54

10pxの文字というのは、基本的に日本語が大きく、アルファベットなどは小さく表示される傾向にはあります。

カスタマイズしてないで急にそうなったのであれば問題ですが、基本的には10pxの文字は使わない事をおすすめします。
Firefoxで見たら、さらにちっちゃく表示されたりしますので。

人によっては小さい文字を12px固定で見る方もいらっしゃるので、そういう場合も表示は崩れますし。

まあ、現状で解決するのが良いですので、とりあえず、空01テンプレートを覗いてみます。

#4.  
2006-04-16 14:36:51

大変ご丁寧にご回答下さって、本当にありがとうございます!(感涙)
CSSで全ページの再構築もしてみたのですがダメでした。
以前は空01の基本サイズが10pxだったのですが
それ自体も変わったようです。。
基本的に10pxの文字サイズは正常に表示されにくいのですね。。
サイトはhttp://blog.livedoor.jp/mi_sun_33/です。
太字など、加工した文字も小さく表示されてるんですが‥。
今後は12pxで書いて行った方が良いのかも知れないですね~。

#5.  クエン
2006-04-16 15:23:27

>以前は空01の基本サイズが10pxだったのですが
>それ自体も変わったようです。。

デザインが見直され、新デザインは文字が12pxにされたのかもしれません。
新デザインを適応してしまったので急に字が大きくなったと。可能性としてはありえますね。

#6.  
2006-04-16 16:30:03

本当にありがとうございましたm(__)m
こんな初心者に、ここまで丁寧にご回答下さるなんて
感激しました☆
なにぶん、PCについては恐々触ってるような私ですので
教えて頂いた操作もドキドキですが、頑張ってみます。

クエンさん、本当にありがとうございました♪

トラックバック(2)

トラックバックURL: