palm84.com

革命的愛熊主義者同盟!

【AA】アスキーアート表示対応フォントの表示テスト

f:id:palm84:20170422204749p:plain

タイトルそのまんまですけども...

INDEX

エトセトラ

対応フォントを入れてもページ作成者が指定してしてくれないと意味がないわけなのですが、その辺にウンチクについては以前に書いてたりしました。

MS Pゴシックとほぼ同様にAA表示可能なフォントは以下の通りでしょうか。

CSS設定はこんなかんじです。

#test_kuma {
font-size:16px;
line-height:18px;
font-family: 'MS Pゴシック','MS PGothic',RobotoJAA,Monapo,'IPA モナー Pゴシック',IPAMonaPGothic,Mona,'梅Pゴシック',Textar,sans-serif;
letter-spacing: 0;
margin: 0.5em auto;
width:80%;
border-style: solid;
border-width: 1px;
border-color: #f1f1f1;
background-color: #fffaf4;
}

JavaScript 表示テスト

/ ̄ ̄ ̄ ̄ ̄\
|  マイヤヒー♪ |           / ̄ ̄ ̄ ̄ ̄\
\___   __/          |  マイヤフー♪ | / ̄ ̄ ̄ ̄ ̄\
     ∨               \___   __/ |  マイヤホー♪ |
                           ∨       \__   ____/
   ∩___∩              ∩____∩      ∨
   | ノ     ヽ            /       ヽ|  ∩____∩
  /  ●   ● |            | ●   ●  ヽ /      ヽ|
  |    ( _●_)  ミ         彡   (_●_ )     | ●   ●  ヽ
 彡、   |∪|  、`\        /     |∪|    彡  (_●_)    |
/ __  ヽノ /´>  )      (  <   ヽ ノ   /    |∪|    ミ
(___)   / (_/         \_ )      (  <   ヽ ノ     ヽ

スクリーンショット - Microsoft Edge

環境は、Windows 10 Pro Creators Update (ReleaseID 1703)、Microsoft Edge です。

  • MS Pゴシック - Microsoft Edge

f:id:palm84:20170422204749p:plain

  • Monapo - Microsoft Edge

f:id:palm84:20170422204748p:plain

  • Mona - Microsoft Edge

f:id:palm84:20170422204747p:plain

  • IPA モナー Pゴシック - Microsoft Edge

f:id:palm84:20170422204745p:plain

  • 梅Pゴシック - Microsoft Edge

f:id:palm84:20170422204754p:plain

  • Textar (OTF) - Microsoft Edge

f:id:palm84:20170422204752p:plain

  • Textar (TTF) - Microsoft Edge

f:id:palm84:20170422204753p:plain

  • MeiryoKe_PGothic - Microsoft Edge

f:id:palm84:20170422204746p:plain

  • RobotoJAA (OTF) - Microsoft Edge

f:id:palm84:20170422204750p:plain

  • RobotoJAA (TTF-Hint) - Microsoft Edge

f:id:palm84:20170422204751p:plain

スクリーンショット - Firefox

環境は、Windows 10 Pro Creators Update (ReleaseID 1703)、Firefox53 64bit, DirectWrite 有効 + Stylish です。

  • MS Pゴシック - Firefox53 + Stylish

f:id:palm84:20170422204759p:plain

  • Monapo - Firefox53 + Stylish

f:id:palm84:20170422204758p:plain

  • Mona - Firefox53 + Stylish

f:id:palm84:20170422204757p:plain

  • IPA モナー Pゴシック - Firefox53 + Stylish

f:id:palm84:20170422204755p:plain

  • 梅Pゴシック - Firefox53 + Stylish

f:id:palm84:20170422205245p:plain

  • Textar (OTF) - Firefox53 + Stylish

f:id:palm84:20170422205243p:plain

  • Textar (TTF) - Firefox53 + Stylish

f:id:palm84:20170422205244p:plain

  • MeiryoKe_PGothic - Firefox53 + Stylish

f:id:palm84:20170422204756p:plain

  • RobotoJAA (OTF) - Firefox53 + Stylish

f:id:palm84:20170422204800p:plain

  • RobotoJAA (TTF-Hint) - Firefox53 + Stylish

f:id:palm84:20170422205242p:plain


以上でした。ほなね。


Microsoft DSP版 Windows10 Home 64bit 日本語版|LANアダプターバンドル品

Microsoft DSP版 Windows10 Home 64bit 日本語版|LANアダプターバンドル品