┏┓ ┏┓ ┏┓ ┏━━┓ ┏┓┏┓┏━━┓ /:::::::::_,,.-‐/_,,ﾚﾞ-‐/''へ､../‐ﾚﾞ...,,}::: : : ＼__ ┏┓┏┓
┃┃ ┃┃ ┃┃ ┃┏┓┃ ┃┃┃┃┗━┓┃ ∠::::::／／/ヽ:}:::::::::::{ "心''ｰ' _,,.,!:::: :＿,／ ┃┃┃┃
┏━┛┗┓┏┛┗━┓┏┛┗━┓┃┗┛┃┏┛┗┛┗┓ ┃┃ |／}ｨ":::{ '､..|::::::::!l:| ":::..〈ｨﾞ:::::::＼ ┃┃┃┃
┗━┓┏┛┗┓┏┓┃┗┓┏┓┃┃┏┓┃┗┓┏┓┏┛ ┃┃┏━ 〃::::::::::＼_{::ﾄ､:| } " /}:ﾘ｀ﾞ'一ﾞ━┓┃┃┃┃
┏━┛┃ ┃┃┗┛ ┃┃┃┃┗┛┃┃ ┃┃┃┃┏┓┃┃┃ ,／||:::::::::::::::::∧| '! ィ＝=､ ,' . . ┃┃┃┃┃
┏┛┏┓┃ ┃┃ ┃┃┃┃ ┃┃ ┗┛┃┃┃┗┛┃┗━:.:.:.:.||:::::::::::::::::{:ﾞ.､ /ヽ, .ﾞ// .━━━━┛┗┛┗┛
┗━┛┃┃ ┃┃ ┃┃┃┃ ┃┃ ┃┃┗┓┏┛| : .:.:.:.:.:.:.||:::::::::::::!:ﾘ:. ＼ ﾞｰ==" / ┏┓┏┓
┗┛ ┗┛ ┗┛┗┛ ┗┛ ┗┛ ┗┛ | : .:.:.:.:::.:.||:::::::::::/'j :: `' ..._ ＿/. ┗┛┗┛
┏━━┓ ┏┓ ┏┓ ┏━━━┓ ｨﾞ 〃ｨ冫＼ {:: ,.彡'｀ヽ｀∨〈〉＜／.／... ┏┓┏┓
┗━┓┃ ┏━┛┗┓┃┃ ┗━━━┛ /. ＼ :::',`ﾞtッｨi≠彳ψﾞヽ ∨_,,.-‐''". ┃┃┃┃
┃┃ ┗━┓┏┛┃┃ ┏━━━┓ ムｨ , ＼::::::}:: ﾞ"/¨ﾞ.. ﾞー ´ ﾞヽ :}ﾏ:::::: ┃┃┃┃
┃┃ ┏━┛┗┓┃┃ ┗━━┓┃┏━━━━━━━ :// : : :::::::::| ｲ へ,::. ./.! :ﾏ :::::: : ━┓ ┃┃┃┃
┃┃ ┗━┓┏┛┃┃ ┏┓ ┃┃┃ ,' : : : : :::::::::{==ｨﾞ二ヾ､ ヽ____,.-/''ﾞ| ﾏ:::: ┃ ┃┃┃┃
┃┃ ┃┃ ┃┃ ┃┃ ┃┃┗━━━━━━━／ :: : : : : :::::::::∧ }---‐ﾞﾞ∨" ,' / :|:ﾏ::: ━┛ ┗┛┗┛
┏━┛┗━┓ ┃┃ ┃┗━┛┃ ┏━┛┃ ,.ｨﾞ : : : : : : : ::::::::::::::::',: } ∠ﾞ"¨ﾞﾞ} !: : ,.ｲ ﾉ:::ﾏ {::::::: ┏┓┏┓
┗━━━━┛ ┗┛ ┗━━━┛ ┗━━┛ ／ : : : : : : : : :::::::::::::::::::∧ヾ二二イ. ／ :／ ﾘ `ﾘ::: ┗┛┗┛
まさか 日曜の夕方 に これを見れるとは思わなかった。
と、ここで終わるとツイッターのつぶやきと変わらないので
以前 書いた 縁取り文字 （ 袋文字 ） に続く ブログテクニック 第２弾
「 アスキーアート （ ＡＡ ） を ブログ でキレイに コピペ する方法 」 を紹介します。
まず、普通に ↑ の アスキーアート を コピペ してみると ・・・
┏┓ ┏┓ ┏┓ ┏━━┓ ┏┓┏┓┏━━┓ /:::::::::_,,.-‐/_,,ﾚﾞ-‐/''へ､../‐ﾚﾞ...,,}::: : : ＼__ ┏┓┏┓
┃┃ ┃┃ ┃┃ ┃┏┓┃ ┃┃┃┃┗━┓┃ ∠::::::／／/ヽ:}:::::::::::{ "心''ｰ' _,,.,!:::: :＿,／ ┃┃┃┃
┏━┛┗┓┏┛┗━┓┏┛┗━┓┃┗┛┃┏┛┗┛┗┓ ┃┃ |／}ｨ":::{ '､..|::::::::!l:| ":::..〈ｨﾞ:::::::＼ ┃┃┃┃
┗━┓┏┛┗┓┏┓┃┗┓┏┓┃┃┏┓┃┗┓┏┓┏┛ ┃┃┏━ 〃::::::::::＼_{::ﾄ､:| } " /}:ﾘ｀ﾞ'一ﾞ━┓┃┃┃┃
┏━┛┃ ┃┃┗┛ ┃┃┃┃┗┛┃┃ ┃┃┃┃┏┓┃┃┃ ,／||:::::::::::::::::∧| '! ィ＝=､ ,' . . ┃┃┃┃┃
┏┛┏┓┃ ┃┃ ┃┃┃┃ ┃┃ ┗┛┃┃┃┗┛┃┗━:.:.:.:.||:::::::::::::::::{:ﾞ.､ /ヽ, .ﾞ// .━━━━┛┗┛┗┛
┗━┛┃┃ ┃┃ ┃┃┃┃ ┃┃ ┃┃┗┓┏┛| : .:.:.:.:.:.:.||:::::::::::::!:ﾘ:. ＼ ﾞｰ==" / ┏┓┏┓
┗┛ ┗┛ ┗┛┗┛ ┗┛ ┗┛ ┗┛ | : .:.:.:.:::.:.||:::::::::::/'j :: `' ..._ ＿/. ┗┛┗┛
┏━━┓ ┏┓ ┏┓ ┏━━━┓ ｨﾞ 〃ｨ冫＼ {:: ,.彡'｀ヽ｀∨〈〉＜／.／... ┏┓┏┓
┗━┓┃ ┏━┛┗┓┃┃ ┗━━━┛ /. ＼ :::',`ﾞtッｨi≠彳ψﾞヽ ∨_,,.-‐''". ┃┃┃┃
┃┃ ┗━┓┏┛┃┃ ┏━━━┓ ムｨ , ＼::::::}:: ﾞ"/¨ﾞ.. ﾞー ´ ﾞヽ :}ﾏ:::::: ┃┃┃┃
┃┃ ┏━┛┗┓┃┃ ┗━━┓┃┏━━━━━━━ :// : : :::::::::| ｲ へ,::. ./.! :ﾏ :::::: : ━┓ ┃┃┃┃
┃┃ ┗━┓┏┛┃┃ ┏┓ ┃┃┃ ,' : : : : :::::::::{==ｨﾞ二ヾ､ ヽ____,.-/''ﾞ| ﾏ:::: ┃ ┃┃┃┃
┃┃ ┃┃ ┃┃ ┃┃ ┃┃┗━━━━━━━／ :: : : : : :::::::::∧ }---‐ﾞﾞ∨" ,' / :|:ﾏ::: ━┛ ┗┛┗┛
┏━┛┗━┓ ┃┃ ┃┗━┛┃ ┏━┛┃ ,.ｨﾞ : : : : : : : ::::::::::::::::',: } ∠ﾞ"¨ﾞﾞ} !: : ,.ｲ ﾉ:::ﾏ {::::::: ┏┓┏┓
┗━━━━┛ ┗┛ ┗━━━┛ ┗━━┛ ／ : : : : : : : : :::::::::::::::::::∧ヾ二二イ. ／ :／ ﾘ `ﾘ::: ┗┛┗┛
１０２４ × ７６８ の ディスプレイ の人がみると ＡＡ が崩壊しているはずです。
それ以上のディスプレイの人の場合は 行間の妙な空間 に気づくはずです。
コレを解消するために ＨＴＭＬ という 普通にブログを書く人には
縁のない言語を使います。 具体的には
<span style="font-family:'ＭＳＰゴシック';font-size:13px;line-height:13px;">←始め
</span>← 終わり
この 構文 を ＡＡ に はさみこみます。
「 よくわかんねーよ！ 」 というブロガーの人向けに
ブログの編集画面では どうなっているかというと
こういう風になってます。
ＡＡ は font-size と line-height の数値が一致していたほうが見やすいです。
これだけ守って あとは自分の好きなようにサイズの数値をいじくるといいでしょう。
とりあえず今回はこんなところで。 また次回まで ﾉｼ
- 関連記事
-
※ 投稿者のコメント ※
※ 投稿者のコメント※
※ 投稿者 コメント ※
