palm84.com

革命的愛熊主義者同盟!

CSS font-family 指定テスト

font-family 指定のテスト用に作りました...

INDEX

about

サイドバー表示 on/off

はいはい、font-family 指定いろいろです。日本語名と英語名を併記するのが基本みたいなかんじになってますが、ややこしいですよね。一度確認しても、OS, ブラウザのアップデートで認識がおかしくなったりとかめんどくさすぎ。

ちゅうわけで、確認用のテストページなのです。あんまり役に立たんのちゃうかという気がしないでもないけど... 。゚(゚´Д`゚)゚。

ttfname3 でフォント情報の確認

フォントファイルをドラッグ&ドロップするだけで xml ファイルに書き出してくれるのですよ。

f:id:palm84:20210122220338p:plain
インストール済フォントの確認

  1. [設定][個人用設定][フォント]
  2. フォント名を入力して選択
  3. フォントフェイスを選択して、フォントファイルのパスを確認
  4. コマンドプロンプトからコピー
  • 游ゴシック Medium」の例…
C:\Users\yassy>pushd Desktop

C:\Users\yassy\Desktop>copy c:\Window\Fonts\YuGothM.ttc .
        1 個のファイルをコピーしました。

行末は . (ドット) です。デスクトップへコピーされます。copy コマンドでだめなら xcopy /h で。

f:id:palm84:20210122222326p:plain

表示テストの項目については下記の通りです。

表示テストの項目
font-family\QWindowなさに漢字
無指定 \ Q Window なさに 葛噌髙彅令
Sans-serif \ Q Window なさに 葛噌髙彅令

MSフォント

認識不可は Serif 表示となります。

MSフォント - クリックで表示オン/オフ
游ゴシック
font-family \ QWindowなさに漢字ChFxEdChLFxL
無指定 \ Q Window なさに 葛噌髙彅令
Sans-serif \ Q Window なさに 葛噌髙彅令
Serif \ Q Window なさに 葛噌髙彅令
游ゴシック \ Q Window なさに 葛噌髙彅令
Yu Gothic UI \ Q Window なさに 葛噌髙彅令
メイリオ \ Q Window なさに 葛噌髙彅令
Meiryo \ Q Window なさに 葛噌髙彅令
Meiryo UI \ Q Window なさに 葛噌髙彅令
MS Pゴシック \ Q Window なさに 葛噌髙彅令
MS PGothic \ Q Window なさに 葛噌髙彅令
MS P明朝 \ Q Window なさに 葛噌髙彅令
MS PMincho \ Q Window なさに 葛噌髙彅令

游ゴシック

認識不可は Serif 表示となります。

游ゴシック - クリックで表示オン/オフ
游ゴシック
font-family \ QWindowなさに漢字ChFxEdChLFxL
無指定 \ Q Window なさに 葛噌髙彅令
Sans-serif \ Q Window なさに 葛噌髙彅令
Serif \ Q Window なさに 葛噌髙彅令
游ゴシック Light \ Q Window なさに 葛噌髙彅令
游ゴシック \ Q Window なさに 葛噌髙彅令
游ゴシック Medium \ Q Window なさに 葛噌髙彅令
Yu Gothic Light \ Q Window なさに 葛噌髙彅令
Yu Gothic \ Q Window なさに 葛噌髙彅令
Yu Gothic Medium \ Q Window なさに 葛噌髙彅令
游ゴシック (500) \ Q Window なさに 葛噌髙彅令
游ゴシック体 \ Q Window なさに 葛噌髙彅令
游ゴシック体 (500) \ Q Window なさに 葛噌髙彅令
YuGothic \ Q Window なさに 葛噌髙彅令
YuGothic (500) \ Q Window なさに 葛噌髙彅令

游明朝

認識不可は Sans-serif 表示となります。

游明朝 - クリックで表示オン/オフ
游明朝
font-family \ QWindowなさに漢字ChFxEdChLFxL
無指定 \ Q Window なさに 葛噌髙彅令
Sans-serif \ Q Window なさに 葛噌髙彅令
Serif \ Q Window なさに 葛噌髙彅令
MS P明朝 \ Q Window なさに 葛噌髙彅令
BIZ UDP明朝 \ Q Window なさに 葛噌髙彅令
游明朝 \ Q Window なさに 葛噌髙彅令
游明朝 (500) \ Q Window なさに 葛噌髙彅令
游明朝 Light \ Q Window なさに 葛噌髙彅令
游明朝 Regular \ Q Window なさに 葛噌髙彅令
游明朝 Demibold \ Q Window なさに 葛噌髙彅令
Yu Mincho \ Q Window なさに 葛噌髙彅令
Yu Mincho Light \ Q Window なさに 葛噌髙彅令
Yu Mincho Regular \ Q Window なさに 葛噌髙彅令
Yu Mincho Demibold \ Q Window なさに 葛噌髙彅令
游明朝体 \ Q Window なさに 葛噌髙彅令
游明朝体 (500) \ Q Window なさに 葛噌髙彅令
YuMincho \ Q Window なさに 葛噌髙彅令
YuMincho (500) \ Q Window なさに 葛噌髙彅令

BIZ フォント

認識不可は Sans-serif 表示となります。

BIZ フォント - クリックで表示オン/オフ
UD デジタル 教科書体
font-family \ QWindowなさに漢字ChFxEdChLFxL
無指定 \ Q Window なさに 葛噌髙彅令
Sans-serif \ Q Window なさに 葛噌髙彅令
Serif \ Q Window なさに 葛噌髙彅令
UD デジタル 教科書体 N-R \ Q Window なさに 葛噌髙彅令
UD Digi Kyokasho N-R \ Q Window なさに 葛噌髙彅令
UD デジタル 教科書体 NP-R \ Q Window なさに 葛噌髙彅令
UD Digi Kyokasho NP-R \ Q Window なさに 葛噌髙彅令
UD デジタル 教科書体 NK-R \ Q Window なさに 葛噌髙彅令
UD Digi Kyokasho NK-R \ Q Window なさに 葛噌髙彅令
BIZ UDゴシック \ Q Window なさに 葛噌髙彅令
BIZ UDGothic \ Q Window なさに 葛噌髙彅令
BIZ UDゴシック Regular \ Q Window なさに 葛噌髙彅令
BIZ UDGothic Regular \ Q Window なさに 葛噌髙彅令
BIZ UDPゴシック \ Q Window なさに 葛噌髙彅令
BIZ UDPGothic \ Q Window なさに 葛噌髙彅令
BIZ UDPゴシック Regular \ Q Window なさに 葛噌髙彅令
BIZ UDPGothic Regular \ Q Window なさに 葛噌髙彅令
BIZ UD明朝 \ Q Window なさに 葛噌髙彅令
BIZ UDMincho \ Q Window なさに 葛噌髙彅令
BIZ UD明朝 Medium \ Q Window なさに 葛噌髙彅令
BIZ UDMincho Medium \ Q Window なさに 葛噌髙彅令
BIZ UDP明朝 \ Q Window なさに 葛噌髙彅令
BIZ UDPMincho \ Q Window なさに 葛噌髙彅令
BIZ UDP明朝 Medium \ Q Window なさに 葛噌髙彅令
BIZ UDPMincho Medium \ Q Window なさに 葛噌髙彅令

HGゴシック

認識不可は Serif 表示となります。

HGゴシック - クリックで表示オン/オフ
HGゴシック
font-family \ QWindowなさに漢字ChFxEdChLFxL
無指定 \ Q Window なさに 葛噌髙彅令
Sans-serif \ Q Window なさに 葛噌髙彅令
Serif \ Q Window なさに 葛噌髙彅令
HGPゴシックM \ Q Window なさに 葛噌髙彅令
HGPゴシックM \ Q Window なさに 葛噌髙彅令
HGPGothicM \ Q Window なさに 葛噌髙彅令
HGPゴシックE \ Q Window なさに 葛噌髙彅令
HGPゴシックE \ Q Window なさに 葛噌髙彅令
HGPGothicE \ Q Window なさに 葛噌髙彅令
HGSゴシックM \ Q Window なさに 葛噌髙彅令
HGSゴシックM \ Q Window なさに 葛噌髙彅令
HGSGothicM \ Q Window なさに 葛噌髙彅令
HGSゴシックE \ Q Window なさに 葛噌髙彅令
HGSゴシックE \ Q Window なさに 葛噌髙彅令
HGSGothicE \ Q Window なさに 葛噌髙彅令

HG明朝

認識不可は Sans-serif 表示となります。

HG明朝 - クリックで表示オン/オフ
HG明朝
font-family \ QWindowなさに漢字ChFxEdChLFxL
無指定 \ Q Window なさに 葛噌髙彅令
Sans-serif \ Q Window なさに 葛噌髙彅令
Serif \ Q Window なさに 葛噌髙彅令
HGP明朝B \ Q Window なさに 葛噌髙彅令
HGPMinchoB \ Q Window なさに 葛噌髙彅令
HGP明朝E \ Q Window なさに 葛噌髙彅令
HGPMinchoE \ Q Window なさに 葛噌髙彅令
HGS明朝B \ Q Window なさに 葛噌髙彅令
HGSMinchoB \ Q Window なさに 葛噌髙彅令
HGS明朝E \ Q Window なさに 葛噌髙彅令
HGSMinchoE \ Q Window なさに 葛噌髙彅令

源ノ角ゴシック

認識不可は Serif 表示となります。

源ノ角ゴシック - クリックで表示オン/オフ
源ノ角ゴシック
font-family \ QWindowなさに漢字ChFxEdChLFxL
無指定 \ Q Window なさに 葛噌髙彅令
Sans-serif \ Q Window なさに 葛噌髙彅令
Serif \ Q Window なさに 葛噌髙彅令
源ノ角ゴシック \ Q Window なさに 葛噌髙彅令
源ノ角ゴシック Regular \ Q Window なさに 葛噌髙彅令
源ノ角ゴシック Medium \ Q Window なさに 葛噌髙彅令
Source Han Sans \ Q Window なさに 葛噌髙彅令
Source Han Sans Regular \ Q Window なさに 葛噌髙彅令
Source Han Sans Medium \ Q Window なさに 葛噌髙彅令

源ノ明朝

認識不可は Sans-serif 表示となります。

源ノ明朝 - クリックで表示オン/オフ
源ノ明朝
font-family \ QWindowなさに漢字ChFxEdChLFxL
無指定 \ Q Window なさに 葛噌髙彅令
sans-serif \ Q Window なさに 葛噌髙彅令
Serif \ Q Window なさに 葛噌髙彅令
源ノ明朝 \ Q Window なさに 葛噌髙彅令
源ノ明朝 Regular \ Q Window なさに 葛噌髙彅令
源ノ明朝 Medium \ Q Window なさに 葛噌髙彅令
Source Han Serif \ Q Window なさに 葛噌髙彅令
Source Han Serif Regular \ Q Window なさに 葛噌髙彅令
Source Han Serif Medium \ Q Window なさに 葛噌髙彅令

Linuxゴシック

認識不可は Serif 表示となります。

Linuxゴシック - クリックで表示オン/オフ
Linuxゴシック
font-family \ QWindowなさに漢字ChFxEdChLFxL
無指定 \ Q Window なさに 葛噌髙彅令
Sans-serif \ Q Window なさに 葛噌髙彅令
Serif \ Q Window なさに 葛噌髙彅令
Noto Sans CJK JP \ Q Window なさに 葛噌髙彅令
TakaoPゴシック \ Q Window なさに 葛噌髙彅令
Takao Pゴシック \ Q Window なさに 葛噌髙彅令
TakaoPGothic \ Q Window なさに 葛噌髙彅令
Takao PGothic \ Q Window なさに 葛噌髙彅令
Takaoexゴシック \ Q Window なさに 葛噌髙彅令
Takao exゴシック \ Q Window なさに 葛噌髙彅令
TakaoexGothic \ Q Window なさに 葛噌髙彅令
Takao exGothic \ Q Window なさに 葛噌髙彅令
IPAPゴシック \ Q Window なさに 葛噌髙彅令
IPA Pゴシック \ Q Window なさに 葛噌髙彅令
IPAPGothic \ Q Window なさに 葛噌髙彅令
IPA PGothic \ Q Window なさに 葛噌髙彅令
IPAexゴシック \ Q Window なさに 葛噌髙彅令
IPA exゴシック \ Q Window なさに 葛噌髙彅令
IPAexGothic \ Q Window なさに 葛噌髙彅令
IPA exGothic \ Q Window なさに 葛噌髙彅令
IPAモナーPゴシック \ Q Window なさに 葛噌髙彅令
IPA モナーPゴシック \ Q Window なさに 葛噌髙彅令
IPA モナー Pゴシック \ Q Window なさに 葛噌髙彅令
IPAMonaPGothic \ Q Window なさに 葛噌髙彅令
IPAMona PGothic \ Q Window なさに 葛噌髙彅令
IPA Mona PGothic \ Q Window なさに 葛噌髙彅令
VL Pゴシック \ Q Window なさに 葛噌髙彅令

Linux明朝

認識不可は Sans-serif 表示となります。

Linux明朝 - クリックで表示オン/オフ
Linux明朝
font-family \ QWindowなさに漢字ChFxEdChLFxL
無指定 \ Q Window なさに 葛噌髙彅令
Sans-serif \ Q Window なさに 葛噌髙彅令
Serif \ Q Window なさに 葛噌髙彅令
Noto Serif CJK JP \ Q Window なさに 葛噌髙彅令
TakaoP明朝 \ Q Window なさに 葛噌髙彅令
Takao P明朝 \ Q Window なさに 葛噌髙彅令
TakaoPMincho \ Q Window なさに 葛噌髙彅令
Takao PMincho \ Q Window なさに 葛噌髙彅令
Takaoex明朝 \ Q Window なさに 葛噌髙彅令
Takao ex明朝 \ Q Window なさに 葛噌髙彅令
TakaoexMincho \ Q Window なさに 葛噌髙彅令
Takao exMincho \ Q Window なさに 葛噌髙彅令
IPAP明朝 \ Q Window なさに 葛噌髙彅令
IPA P明朝 \ Q Window なさに 葛噌髙彅令
IPAPMincho \ Q Window なさに 葛噌髙彅令
IPA PMincho \ Q Window なさに 葛噌髙彅令
IPAex明朝 \ Q Window なさに 葛噌髙彅令
IPA ex明朝 \ Q Window なさに 葛噌髙彅令
IPAexMincho \ Q Window なさに 葛噌髙彅令
IPA exMincho \ Q Window なさに 葛噌髙彅令
IPAmj明朝 \ Q Window なさに 葛噌髙彅令
IPA mj明朝 \ Q Window なさに 葛噌髙彅令
IPAmjMincho \ Q Window なさに 葛噌髙彅令
IPA mjMincho \ Q Window なさに 葛噌髙彅令
IPAモナーP明朝 \ Q Window なさに 葛噌髙彅令
IPA モナーP明朝 \ Q Window なさに 葛噌髙彅令
IPA モナー P明朝 \ Q Window なさに 葛噌髙彅令
IPAMonaPMincho \ Q Window なさに 葛噌髙彅令
IPAMona PMincho \ Q Window なさに 葛噌髙彅令
IPA Mona PMincho \ Q Window なさに 葛噌髙彅令

いろいろ

ぼちぼちと、ちょこまか修正していきたいと思いますん。


ほなdessu!