【2018.10.28 追記】ブックマークレット追加
- 2019.3.16 追記
-
すみません、このページはスマホには対応してません...(;'∀')
下記のWebフォントの設定がPC向けも含め最適ではないかとと考えてます。
タイトルそのまんまですけども...
エトセトラ
対応フォントを入れてもページ作成者が指定してしてくれないと意味がないわけなのですが、その辺にウンチクについては以前に書いてたりしました。
- 拙作めも :
MS Pゴシックとほぼ同様にAA表示可能なフォントは以下の通りでしょうか。
- Monapo - Modified fonts - Linux Player
- Mona - Mona Font, a Japanese font for text arts download | SourceForge.net
- IPA モナー Pゴシック - IPAモナーフォント
- 梅Pゴシック - Ume-font プロジェクト日本語トップページ - OSDN
- Textar - Google Code Archive - Long-term storage for Google Code Project Hosting.
- MeiryoKe_PGothic - MeiryoKe
- RobotoJAA - RobotoJ-Font プロジェクト日本語トップページ - OSDN
CSS設定はこんなかんじです。
#test_kuma { font-size:16px; line-height:18px; font-family: 'MS Pゴシック','MS PGothic',RobotoJAA,Monapo,'IPA モナー Pゴシック',IPAMonaPGothic,Mona,'梅Pゴシック',Textar,aahub_light,sans-serif !important; letter-spacing: 0; margin: 0.5em auto; width:80%; border-style: solid; border-width: 1px; border-color: #f1f1f1; background-color: #fffaf4; }
※ 【追記】MS Pゴシック
は最後に指定した方がいいのかもしれないです...(´・ω・`)
JavaScript 表示テスト
/ ̄ ̄ ̄ ̄ ̄\ | マイヤヒー♪ | / ̄ ̄ ̄ ̄ ̄\ \___ __/ | マイヤフー♪ | / ̄ ̄ ̄ ̄ ̄\ ∨ \___ __/ | マイヤホー♪ | ∨ \__ ____/ ∩___∩ ∩____∩ ∨ | ノ ヽ / ヽ| ∩____∩ / ● ● | | ● ● ヽ / ヽ| | ( _●_) ミ 彡 (_●_ ) | ● ● ヽ 彡、 |∪| 、`\ / |∪| 彡 (_●_) | / __ ヽノ /´> ) ( < ヽ ノ / |∪| ミ (___) / (_/ \_ ) ( < ヽ ノ ヽ
- font-family 削除 | inherit | Sans-serif
- MS Pゴシック | MS PGothic | Monapo | Mona | IPA モナー Pゴシック
- 梅Pゴシック | Textar | MeiryoKe_PGothic | RobotoJAA | aahub_light (スマホ向けWebFont)
- MS Pゴシック,MS PGothic,Monapo,IPA モナー Pゴシック,梅Pゴシック,Textar,MeiryoKe_PGothic,RobotoJAA,aahub_light
- Monapo,IPA モナー Pゴシック,梅Pゴシック,Textar,MeiryoKe_PGothic,RobotoJAA,aahub_light,MS Pゴシック,MS PGothic
【2018.12.29 追記】おま環かもですが、 Firefox64 + DirectWrite 無効だと MS Pゴシック
がだめ、MS PGothic
じゃないとだめみたいです 。
font-family | Windows | あいうえお |
---|---|---|
無指定 | Windows | あいうえお |
Sans-serif | Windows | あいうえお |
MS Pゴシック | Windows | あいうえお |
MS PGothic | Windows | あいうえお |
ブックマークレット
フォントを強制変更するブックマークレットを作ってみました。但し、pre や code など等幅フォントで表示すべき要素も変更されるので注意です。
- MS Pゴシック,MS PGothic (*)
- Monapo (*)
- IPA モナー Pゴシック (*)
- Mona (*)
- 梅Pゴシック (*)
- Textar (*)
- MeiryoKe_PGothic (*)
- RobotoJAA (*)
- style削除(x1)
スクリーンショット - Microsoft Edge
環境は、Windows 10 Pro Creators Update (ReleaseID 1703)、Microsoft Edge です。
- MS Pゴシック - Microsoft Edge
- Monapo - Microsoft Edge
- Mona - Microsoft Edge
- IPA モナー Pゴシック - Microsoft Edge
- 梅Pゴシック - Microsoft Edge
- Textar (OTF) - Microsoft Edge
- Textar (TTF) - Microsoft Edge
- MeiryoKe_PGothic - Microsoft Edge
- RobotoJAA (OTF) - Microsoft Edge
- RobotoJAA (TTF-Hint) - Microsoft Edge
スクリーンショット - Firefox
環境は、Windows 10 Pro Creators Update (ReleaseID 1703)、Firefox53 64bit, DirectWrite 有効 + Stylish です。
- MS Pゴシック - Firefox53 + Stylish
- Monapo - Firefox53 + Stylish
- Mona - Firefox53 + Stylish
- IPA モナー Pゴシック - Firefox53 + Stylish
- 梅Pゴシック - Firefox53 + Stylish
- Textar (OTF) - Firefox53 + Stylish
- Textar (TTF) - Firefox53 + Stylish
- MeiryoKe_PGothic - Firefox53 + Stylish
- RobotoJAA (OTF) - Firefox53 + Stylish
- RobotoJAA (TTF-Hint) - Firefox53 + Stylish
以上でした。ほなね。
【旧商品】Microsoft Windows 10 Home Anniversary Update適用版 32bit/64bit 日本語版|USBフラッシュドライブ
- 発売日: 2016/10/07
- メディア: USBメモリスティック
【Amazon.co.jp限定】 Microsoft Windows10 Home 64bit 日本語版|DSP版 バッファローLANボード LGY-PCI-TXD 付属
- 発売日: 2015/08/01
- メディア: DVD-ROM