2013年05月10日

記事にAAを貼りたい時には

ごきげんよう! ごきげんよう!!(イカれ声)

百鬼です。職場の懇親会でボーリングに行ったんですが、例によって低スコアでチームの足を引っ張る結果に終わりましたとさ! ('A`)

ヒョロすぎて思い切り腕を振ったら体が流れてボールが斜めにすっ飛んでいくのには参った。

とゆーアレで。

表題の件なんですが、ブログの設定にもよると思うんですが、自分のブログにAAを貼ろうとして、


メモ帳だときれいに見えても…
きちんと揃っている


メモ帳に貼ってみてズレがないことを確認して、いざブログに貼ってみると…。

       ____
     /_ノ ' ヽ_\
   /(≡)   (≡)\
  /::::::⌒(__人__)⌒::::: \
  |     |r┬-|     |
  \      `ー'´     / 



       / ̄ ̄ ̄\
     / ─    ─ \
    /  <○>  <○>  \.
    |    (__人__)    |
    \    ` ⌒´    /
    /              \


…こんな風にズレてしまう&行間が開きすぎてまともに見れない、なんて事ありませんか?

また、自分でOSやブラウザのフォント設定をいじっていて表示が崩れる場合もあると思います。


~メイリオ フォントの場合~
          ____
       / \  /\  キリッ
.     / (ー)  (ー)\
    /   ⌒(__人__)⌒ \
    |      |r┬-|    |
     \     `ー'´   /
    ノ            \
  /´               ヽ


これはアスキーアートが生まれた2ちゃんねるの表示仕様に沿い、MS ゴシックやMS P ゴシックといったフォントで、行間0の時に正常に表示されるよう最適化されて作られているためです。

その一方で、ブログサービスの提供しているパーツの設定は、文章を見やすくする事に重点を置いてデフォルトのフォントや行間が指定されているため、そのまま貼るとズレが生じ、結果ナンジャコリャな事になるのです。

ではどうすればよいか? ページを開いた時にAAがちゃんと見える状態で表示させるよう、HTMLタグを使ってこちらで指定すればよいのです。

タグってなんぞ? といった細かい説明は省いて、そのタグはこちら。


<div class=t_b style="font-size: 12pt; font-family: mona, 'MS PGothic AA', 'MS Pゴシック', 'MS PGothic', 'MS Pゴシック', 'MS Pゴシック', 'MSPゴシック', 'MSPゴシック', 'IPA モナー Pゴシック', 'IPA mona PGothic', 'IPA MONAPGOTHIC', IPAMonaPGothic, sans-serif; LETTER-SPACING: 0px; LINE-HEIGHT: normal">

</div>


この<div~>と</div>の間に好きなAAを入れてブログに貼ればあら不思議。



               ___
              /     \ rl^i、
            /          :|il 「|
          /    ヽ_, , ノ | ./ 〉 シャキーン
           |    (○)  (○|  }
          \    (__人_ノ   /
          γ ⌒` ̄ ̄´  /
          〈    、 ___/
          ∨      /  /
              〉  _/  /
           /   ーァ   /:\
          /   `ー='イ:     \



また、ブログサービスによって貼り方にも若干違いがあります。

fc2なら、何も考えずAAの上下をタグで挟んだものをそのまま貼ればOK。


上のプレビューを見ながら微調整可能。
fc2の場合、改行はナチュラルに反映される。


僕も使っているlivedoorの場合、ちょっとめんどくさいです。fc2のようにそのまま貼っても反映しないので、『HTMLタグ編集』ボタンを押して、HTML編集画面で貼り付ける必要があります。また、これもfc2とは異なり改行を反映しないので、各行末に改行タグ『<br />』を付けてから貼る必要があります。


若干取り回しが悪い感は否めない
右上の『HTMLタグ編集』ボタンを押した状態。貼り終わったらもう一回押して戻る。


細かい理屈が分からんでもこれだけ覚えればAA貼り放題!

ブログの横幅が足りなくて途中で折り返してしまう場合などは、タグの中の『font-size: 12pt』の部分数字を小さくすれば全体を縮小する事が出来ます。その場合AAによっては微調整が必要になる事もあるので、メモ帳でフォントサイズをいじって確認しながらが良いかもしれません。

PSO2やってなくてネタがないので自分用の覚書も兼ねてこんな事を書いてみました。誰かの何かの助けになれば幸い。

ではでは。ではではでは。(イカれ声)

psobb_drecom at 07:08コメント(0)トラックバック(0) 
オラクル旅日記 | 雑記

トラックバックURL

コメントする

名前
 
  絵文字
 
 
記事検索