« キッチンスタジアム | ホーム | おお!アリクイ! »

2011年1月13日

UTF-8のサイトでアスキーアートを表示させる

       ____
     /      \
   /  _ノ  ヽ、_  \
  /  o゚⌒   ⌒゚o  \  UTF-8だからIEでくずれちゃうんだお!
  |     (__人__)    |  
  \     ` ⌒´     /

       ____
     /⌒  ⌒\
   /( ●)  (●)\
  /::::::⌒(__人__)⌒:::::\   ちょっとしらべてなおしてみるお!
  |     |r┬-|     |
  \      `ー'´     /

          ____
        /_ノ  ヽ、_\
 ミ ミ ミ  o゚((●)) ((●))゚o      ミ ミ ミ    だっておwwwwwwwwwwww
/⌒)⌒)⌒. ::::::⌒(__人__)⌒:::\   /⌒)⌒)⌒)
| / / /     |r┬-|    | (⌒)/ / / //
| :::::::::::(⌒)    | |  |   /  ゝ  :::::::::::/
|     ノ     | |  |   \  /  )  /
ヽ    /     `ー'´      ヽ /    /
 |    |   l||l 从人 l||l      l||l 从人 l||l
 ヽ    -一''''''"~~``'ー--、   -一'''''''ー-、
  ヽ ____(⌒)(⌒)⌒) )  (⌒_(⌒)⌒)⌒))

おーなおったお!
IEでのみMS Pゴシックがきいてなかったお!

htmlの修正
htmlタグにlang='ja'を記述

CSSの修正
@charset='UTF-8';を記述(多分いらない)
font-family:'MS Pゴシック', sans-serif,Verdana;

これでもなおらず、文字コード変えて書き出したら文字化け
結局UTF-8に戻して再構築したらなおってた。・・・どのタイミングで!?!?!なぞぃ。

ところが、ブラウザを再起動したらちゃんと崩れました。
こまったー、wikiはどうやって表示させてるのかな。ちょいとCSSみせて。

font-familyMona,Monapo,IPAMonaPGothic,'IPA モナー Pゴシック','MS Pgothic','MS Pゴシック';
モナーって何だw

まぁ、それはいいとして、この指定で再構築したら、なんとちゃんと見れるじゃありませんか。
MS Pgothicこれっぽいなー。モナー消してみる。
font-family: 'MSP ゴシック','MS Pgothic',sans-serif,Verdana;
みれた!勉強になったお!

コメント(2)

俺が思ったとおりだった~

俺も2年前からしってた。二年前にみたわー

コメントする