ご訪問ありがとうございます(o*。_。)oペコッ
気軽にコメント残して行って下さいね((φ(..。)
無料カウンター

2007年09月25日

文字のサイズを変えてみよう

皆様こんにちは

今回はちょっと変わった趣向でお送りいたします

ワタクシの愛するリボンさんより「文字を小さくするにはどうすれば良いのでしょうか?」と言うご質問を頂きました

確かに、アセラブログには大文字・小文字にするボタンがありますが
コレを使用した小文字は異常ににデカイexclamation

通常文字サイズ: あいうえお
大文字サイズ : あいうえお
小文字サイズ : あいうえお


「通常サイズよりデカイじゃんむかっ(怒り)」と突っ込みを入れた方も多数いらっしゃるのでは無いでしょうか?(うーちろは突っ込みましたΣ\( ̄ー ̄;)ナンデヤネン)

うーちろもコレにはかなり悩みました(-""-;)ムム・・・
悪戦苦闘した結果、現在の様なブログの文字サイズになっておりますが、このやり方が正解かどうかは定かではない。。。


リボンさんと同じようにお悩みの方もいらっしゃるかなぁ?と思い、今回、うーちろ流ではございますが、文字サイズの変更方法をお教えしようと思います

あくまで我流なので、納得いかない方はアセラさんにお問い合わせフォームよりお問い合わせ下さいませm(_ _"m)ペコリ

では早速ご説明致します

まず、使用するのは赤丸で囲まれたボタン(どちらでも可)
moji001.jpg


文字サイズを変更したい文章を選択し、どちらかのボタンを押す
下画像の様な表示になると思われます
moji002.jpg

 span style="font-size:large;"

 span style="font-size:small;"


変更するのは太字下線部の『 large; 』もしくは『 small; 』の部分になります

上記の部分に大きくしたい文字サイズを px(ピクセル)で指定してあげると文字の大きさが変わります
以前 pt(ポイント)指定もしてみましたが、px(ピクセル)指定の方が上手くいくようです

では、早速文字サイズを変更してみましょうexclamation
※( )内は入力タグです

8px(span style="font-size:8px") 8ピクセルです

9px(span style="font-size:9px") 9ピクセルです

10px(span style="font-size:10px") 10ピクセルです

12px(span style="font-size:12px") 12ピクセルです

14px(span style="font-size:14px") 14ピクセルです

15px(span style="font-size:15px") 15ピクセルです

16px(span style="font-size:16px") 16ピクセルです

18px(span style="font-size:18px") 18ピクセルです

20px(span style="font-size:20px") 20ピクセルです

とまぁ、こんな感じです

ご覧頂いて分かるかと思いますが、ブログの基本文字サイズは12pxになっていると思われます
8px以下は読みにくいと思われますのでうーちろは使用したことございません(8pxでも読みにくいとワタクシは思う)

確認画面ではキチンと文字サイズが変わっているように見えますが
いざブログを公開してみると以下の点がおかしくなります

・どういう訳だか10pxは小さくなったように見えない(・_・?)
・奇数ピクセル(9・11等)はタグが実行されていないように思われる
(数字部分ではなく文字を見比べてみて下さいませ)


などなど。。。

うーちろにも良く分からない疑問点は多数あるのですが、一応文字サイズの変更は出来ているので良いかなぁ〜とあまり気にせず使用しております顔(イヒヒ)


ご覧下さっている皆様も、もし宜しければ色々とお試し下さいませm(._.*)mペコッ

今回の記事が皆様のブログ更新のお役に立ちましたら幸いでございます

★〓★〓★〓★〓★〓ランキングに参加中です(*^^*)★〓★〓★〓★〓
onegai_woo.jpg
banner_04.gif人気blogランキングへ左ポチして頂けると嬉しいです。

にほんブログ村 犬ブログ チワワへ左ポチして頂けると嬉しいです。

★〓★〓★〓★〓★〓★〓★〓★〓★〓★〓★〓★〓★〓★〓★〓★

ニックネーム うーちろ at 12:59| Comment(4) | TrackBack(0) | 日記 | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
こんにちは♪
お勧めサイトです!よろしくね!!!
http://
Posted by こんにちは♪ at 2007年09月25日 13:23
私もやったよ〜
できなかったから問い合わせたら「お使いのナンチャラがホンチャラナンチャラで」と・・・・
で、px指定をしたら、できたけど、
表示されたときは、いつもと同じやんがく〜(落胆した顔)
ってな具合で、まったくうーちろさんと同じ意見でした。
しかも、大きい字をさらに大きくしようと
2重3重にlargeにしても、変わらなかったあせあせ(飛び散る汗)
逆に、大きくしたいときは、「小」で選択して
書いたりしているけどね顔(イヒヒ)
Posted by がらがらどん at 2007年09月25日 18:19
なるほどーーーーーexclamation×2
すごい勉強になりましたひらめき
PCオンチフンなので
なかなか出来ないことが多い私たらーっ(汗)
アビバとか通うべきかしら・・・顔(汗)
でもこれで文字サイズは変えることが出来ますGood
こういう記事もたまにはいいですね。
ありがとう。うーちろ先生るんるん
Posted by ナナオ at 2007年09月25日 19:16
オヒサ━ヽ(≧▽)ノヾ(▽≦)ノ━ッ!!
おぉ〜〜〜Clapさすがうーちろさんだわ〜
ココに来ると凄く勉強になるわ〜(*`▽´*)ウヒョヒョ
今度、やってみようるんるん

うーちろさ〜んちょっと遅くなっちゃったけど
これから1ヵ月くらい子供の運動会&役員行事と仕事で
忙しい日々を過ごすことになり
コメントを残せないで読み逃げしちゃうかも。。。顔(泣)
出来るだけ短いコメでも。。。と思ってはいるのですが
コメが無くても忘れないでねぇ〜〜〜〜(*´;ェ;`*) うぅ・・・
私のブログの更新も暇をみて更新したいと思いますので
たま〜に覗いてみてねぇ〜Hello
Posted by ミキ at 2007年09月25日 22:32
この記事へのトラックバックURL
http://a-thera.com/tb/1102280
※ブログオーナーが承認したトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック