【解決】Windows Live WriterからだとAAの貼付けがうまくできない件。

AA再テスト

             (ヽ三/) ))
         __  ( i)))
        /⌒  ⌒\ \
      /( ●)  (●)\ )
    ./:::::: ⌒(__人__)⌒::::\
    |    (⌒)|r┬-|     |       やる夫で!
    ,┌、-、!.~〈`ー´/    _/
    | | | |  __ヽ、    /
    レレ'、ノ‐´   ̄〉  |
    `ー---‐一' ̄

   ∩___∩         |
   | ノ\     ヽ        |
  /  ●゛  ● |        |
  | ∪  ( _●_) ミ       j
 彡、   |∪|   |        J
/     ∩ノ ⊃  ヽ
(  \ / _ノ |  |
.\ “  /__|  |
  \ /___ /

        *'``・* 。
        |     `*。
       ,。∩      *    もうどうにでもな~れ
      + (´・ω・`) *。+゚
      `*。 ヽ、  つ *゚*
       `・+。*・' ゚⊃ +゚
       ☆   ∪~ 。*゚
        `・+。*・ ゚

 

 Windows Live WriterからだとAAの貼付けがうまくできない件。 – KUMA TYPE

前回上の記事でWindows Live Wrinter(WLW)だとAAの貼付けがうまくできないと諦めていたが、FirefoxでもChromeでもIEでもうまく表示出来るようになった。

前回、大きな間違いをおかしていた。フォントファミリーの指定を間違っていた。

誤:『MS Pゴシック』

正:『MS Pゴシック』

結果スタイルシートは下のようになった。

.AA PRE,.AA{

font-family: "MS Pゴシック";

font-weight:normal;

font-style:normal;

font-size: 16px;

background-color:#eeeeee;

border:none;

line-height:100%;

}

そして、下の様にWLWのソース編集画面で書いてあげることでこのページの一番上の様にAAを三大ブラウザでちゃんと表示出来るようになった。ついでにOperaとSafariでも試したけど大丈夫だった。

<div class="AA">

<pre>

AAの文字列

</pre>

</div>

実際の記述例。preは全角スペースがWLWによって半角スペースに置換されてしまわない為に必須。

下は実際の記述例。

<div class="AA">

<pre>

             (ヽ三/) ))
         __  ( i)))
        /⌒  ⌒\ \
      /( ●)  (●)\ )
    ./:::::: ⌒(__人__)⌒::::\
    |    (⌒)|r┬-|     |       やる夫で!
    ,┌、-、!.~〈`ー´/    _/
    | | | |  __ヽ、    /
    レレ'、ノ‐´   ̄〉  |
    `ー---‐一' ̄

</pre>

</div>

タグ : , , , ,