解決済
文字サイズの表示不具合について
現在、livedoor PROのブログサービスで、flower02a（2カラム）のデザインを利用して各種のカスタマイズを行っています。インターネット作業環境は、IE6、WindowsXPです。
WYSIWYGエディタを利用し、投稿フォームでは改行をそのまま反映する設定にしています。
閲覧者さんより、文字のサイズ表示がおかしいとの指摘を受けました。
該当記事は「試写室だより 08.11月下旬という記事で、記事ＵＲＬは
です。
「タイトルのところと、グーグルの検索のところと、レビュー下の広告の文字、コメントを書いているところ以外の文字は全部小さくなっている。数日前にIE7を入れてから調子がおかしくなった気がする。」との内容でした。
こちらでは文字サイズに関しては何も変更していないので、何が原因なのか不明なので、もしお分かりの方がいらっしゃいましたら、原因と対処法を教えていただきたいのです。
ただ問題になっている「試写室だより 08.11月下旬」の記事を作成中に、一度パソコンがフリーズしかけました。記事はそのままＵＰできたのですが、上記のような文字サイズの不具合の指摘を受けたので、この記事の全文を同じように打ちなおして、再ＵＰした経緯があります。
livedoorのシステム側にも質問をなげていますが、即答は期待できないのでナレッジにも同様の質問させてもらっています。
お手数ですが、私のサイトをご覧いただいた上で、ご指導ください。
私のブログのＵＲＬは以下です。よろしくお願いします。
回答(4)
1.
ブログ、拝見しましたが、IE6ではたしかにちょうど良いサイズなのですが、ブラウザによってはかなり小さく見えるかもしれません。
でもそれは見る人が表示サイズを変更すれば済む話ですから…
以下、参考程度に。
それでもなんとかしたいともしお思いでしたら、個人的には現在CSSで相対値で指定してある各フォントサイズをすべて“一段上のサイズ”に変更されることをおすすめします。
カスタマイズ＞CSSを開いて
font-size:*****;この記述をすべて書きかえるのです。
具体的には「font-size:xx-small;」は「font-size:x-small;」に。
「font-size:x-small;」は「font-size:small;」に、といった感じで。
まあ全部書き換えるのは大変でしょうから、とりあえず記事本文を司る.mainとコメント本文を司る.commenttextの「x-small」を「small」に変更してやるだけでもだいぶ違うと思います。
IE6で文字サイズの設定が「中」の状態では少々大きすぎるかもしれませんが
年配の方や弱視の方もご覧になることを考えればこれくらいで良いのではないかと個人的には。
mannendoco_life
2.
特に問題は無いようです、強いて好みで言えば本文はもう少し大きな文字の方が良いと思います。
しかし基本的には「万年床生活者」さんの言う通りです！
3.
「ブログの説明」の所の
<Font Size="2">が閉じていないことも因子の1つです。
4.
例えば、
font-size:12pt;とすれば、解像度が同じなら、ブラウザに関係無く同じ大きさで表示されます。
参考：
コメント(12)
万年床生活者さん、さっそくの回答をありがとうございます。
そうですよね。すべての環境で同じように表示するのは、テキストでは不可能ですし…。ＣＳＳのフォントサイズの変更、検討してみます。
アドバイス、ありがとうございました。取り急ぎお返事とお礼まで。
回答というよりただの個人的な意見だなと我ながら^^;
ちなみに
>>1 に従ってカスタマイズした場合文字サイズがどうなるかを事前に知るには
自身のブログを開いた状態でアドレスバーに以下をコピペ+[Enter]してみてください。
javascript:(function(){var a = document.getElementsByTagName('div');for(var i = 0; i < a.length ; i++){if(a[i].getAttribute('class') == 'main' || a[i].getAttribute('className') == 'main'){a[i].style.fontSize = 'small';}}})();focus();
記事本文のfont-sizeが「small」になります。Firefoxでは、標準の文字でブログが閲覧できますが、
IE7で閲覧すると、ブログの文字が標準の文字より小さく表示されます。
万年床生活者さん、Ａフラッグ隊 ロッキーさん、コメントをありがとうございます。
やっぱり環境によってさまざまなんですね…。
自分の閲覧環境ですっかり安心してしまっていました。
ちなみに管理者モードで、閲覧者のブラウザとバージョンが分かるようになってますが、現況ではIE6とIE7がほぼ同数で、閲覧者数の８割強を占めています。少数派の中にはIE8という方も…（汗）。
多数派に合わせるのがセオリーですが、どちらに合わせるべきか悩んでしまいます。現在、表示がおかしいと知らせてくれた人にも引き続き状況を質問していますので、もう少し様子をみます。
万年床生活者さんの文字サイズチェック方法は知りませんでしたので、勉強になりました！ありがとうございました。
取り急ぎ、コメントのお礼まで。
信長さん、BLUEPIXYさん、回答をありがとうございます。
やはり本文の文字は小さいですか…（悩）。
私としては、文字サイズ不具合を指摘してくれた閲覧者さんが言う、グーグル検索の文字や広告の文字と、本文やコメントの文字がすべて同じ大きさになるのが理想なのですが、そういう希望も閲覧者さんのネット環境が違えば難しいのでしょうね。
ブログの説明の<Font Size="2">が閉じていないとのご指摘、ありがとうございました。まったく気付きませんでした（汗）。さっそく修正してみます。
なお、この質問に関しては現在不具合を指摘してくれた閲覧者さんにも引き続き状況を聞いているのでもう少し様子をみてみます。
取り急ぎ、回答のお礼まで。
不具合が生じている閲覧者さんからの書き込みの一部を追記します。
文字サイズが極端に小さくなったのは、サイドバーではグーグル検索以外のすべて。また本文記事の部分は、IE7を入れた11/14金曜日以後のすべての記事は文字が小さくなったけれど、IE7を入れる前の記事は正常に（どう正常かというのは文字サイズは変わっていないという意味だと思います）表示されているとのこと。
こちらが記事を作成する方法は何も変えていないので、IE7を入れた時点でそれが表示に影響するのなら、すべての表示が変わりそうな気がするんですが…（悩）。
ちなみに、当ブログで文字サイズに関してカスタマイズしている箇所は、CSSの、
.sidetitle{} の中の font-size:xx-small; を x-small に
.side{} の中の font-size:xx-small; を x-small に
の２箇所です。
とりあえず、追記情報を書いておきます。
ＩＥ6とＩＥ7で見比べると、明らかにＩＥ7の方が文字のサイズが小さく表示されています。
>信長さんは過去に「文字サイズ」でさんざん苦労されましたよねー^^
その節は色々ご指導ありがとうございました！
苦労しました・・・これは単にブラウザのバージョンの違いに寄る文字の大きさの違いですから、好みの大きさに設定し直せば済む問題です。
万年床生活者さん、信長さん、コメントをありがとうございます。
私も、自分なりにいろいろ調べてみましたが、やはりＰＣ環境によって表示は異なるというのが定説なので、該当閲覧者さんには、文字サイズの変更をお願いしようという結論に達しました。
いろいろとご指導ありがとうございました。
BLUEPIXYさん、回答をありがとうございます。
フォントサイズの指定は、当ブログで使用しているflower02a（2カラム）のデザインでは、x-smallのようなキーワード指定が主流で、その中に12pxのようなピクセル指定が混じっている状態です。
今回、BLUEPIXYさんをはじめ数名の方から回答とコメントをいただいて、それから自分なりに調べてみましたが、やはりＰＣ環境によって表示は異なるのは仕方がないことなので、該当閲覧者さんにはひとまず、ご自分のＰＣの文字サイズを大きく変更してみてもらうようにお願いしようという結論に達しました。
ただ、BLUEPIXYさんのアドバイスのポイント指定は、とても有効な方法のように感じましたので、時間があるときに変更を検討してみようと思います。
回答していただいた方々に均等にナレを分配して質問を閉じます。この度は、ありがとうございました。
