解決済
フォント大文字の乱れについて
お早うございます。私は、文字色や大きさを変えるのにフォントを使っています。
今朝頂いたコメントに…
【あの～、以前から気になっていたのですがフォントの大きい色文字の文章が文字同士重なってしまって読めないくはないのですけど読みにくいのは私だけでしょうか・・・？】
…とありました。
自分のサイトでは、異常なく反映されています。
いったい、何が原因なのでしょうか？
どの様な対処をしたら良いのでしょうか？
ＰＣ用語にはまるで無知で、しかもＰＣ音痴ですので、
易しく説明してくださると助かります。
どうぞ、宜しくお願いいたします。
回答(3)
3.
（症状にどうかはわかりませんが）
回答２の補足説明をしておきます。
例えば、ウチのブログでは、
<span style="font-size:56pt">ここだけかなり大きい文字</span> <span style="font-size:56pt">ついでにここも大きい文字</span>（<br>改行 は、自動で付与される設定で）投稿すると、
この２行は、重なってしまいます。
字のサイズは一時的に大きく変更したが元々の改行幅は、設定していないためです。（ワープロソフトでもこういうことは起こりえます）
そこで、
<span style="font-size:56pt;line-height:110%;">ここだけかなり大きい文字</span> <span style="font-size:56pt;line-height:110%;">ついでにここも大きい文字</span>としてやると、（１００％で、）字の高さで改行が行われるので、重ならなくなります。
１１０％にすると、１０％分の余白（空行）ができることになります。
スタイルの指定は、要素の指定ができれば、スタイルシートでもできますが、
一時的に字を大きくしているようなら、直接指定する事も出来ます。
BLUEPIXYさん、
何度もお手数お掛けして、ゴメンなさい。
今度は、私にも理解できたと思います。
有り難うございました。
次の記事投稿の時にでも、早速試してみますネ♪
1.
（Firefoxか Internet Explorer か operaか？）
（Windows か Macか？） などで
その為に大きな文字が重なって見えている人もあるんだ と思います。
ブログのurlを載せてもらったらどう見えるかわかりますが。
tentenさん、回答有り難うございました♪
2.
おそらく、line-height （行間の設定）が、うまくいっていなくて（つまり文字は大きくなっているのに行間は元のままに設定されている）、文字が重なっているのではないかと想像します。
該当部分で、
line-height:100%;/* １００％以上にする */とすればいいような気がします。
BLUEPIXYさん、
何度もお手数お掛けして、済みませんでした。
そして、とても有り難うございました。
コメント(7)
現象の起こる
該当ブログの記事
ブラウザとそのバージョン
がわからないと、ちょっと判断がつきかねますね。
tentenさん、BLUEPIXYさん、さそっくの回答、有り難うございました。
私はＷｉｎＸＰを使用していますが、
その訪問者さんのＰＣは、tentenさんのご推察の通り、
ブラウザはsafari バージョン3.2.3
Mac OS X バージョン10.5.7
だそうです。
BLUEPIXYさんのご回答の
該当部分で、
line-height:100%;/* １００％以上にする */
ですが、ゴメンなさい、ＰＣ音痴が祟って、
やはり意味が通じていません〈冷汗〉
大変、お世話をかけますが、もう一度、ご指導いただけると
嬉しいです。
宜しくお願いいたします。
私は、Ｍａｃもｓａｆａｒｉも使っていないので、
確かな事は言えません。
忘れて下さい。
MacでSafariを使っていたころ上級者の方のブログで同じように大きな文字が重なって見えたのでそう言うと「Macじゃそうみえるのねえ」といってそれ以後、重なって見えることはなくなりました。
でもMacを使っている人はそう多くないと思いますし、ご自分ではきれいにみえていても line-height の設定を変更するか、お友達にわけを言ってあきらめてもらうかはただのワンコさん次第ですね。
kazahanaさん、コメント有り難うございました。
＞お友達にわけを言ってあきらめてもらうかはただのワンコさん次第ですね。
確かに、その通りですね。
ＰＣ音痴の私が、下手にいじくって、
形を崩してしまうのも恐いので、
事情を話して、諦めていただくことにします…
BLUEPIXYさん、ご指導道理に試してみましたら、
只今、大文字が重ならなくなったと連絡が参りましたッ。
本当に有り難うございました。
