『今日の気になった事』

『今日の気になった事』

フォントの確認用ページ


冬ソナ日記を書かれている『はるみさん』へ
フリーフォントを探しましたが、良いものが見つからず・・・
既存のものを並べて見ました。確認下さい。

文字効果はほぼ同じです。(縁取り、影付き、字体が細いものは太字)


01. HGP行書体
HGP行書体


02. HGP創英角ゴシックUB
HGP創英角ゴシックUB


03. HGP創英角ポップ体
HGP創英角ポップ体


04. HGSゴシックE
HGSゴシックE


05. HGS行書体



06. HGゴシックE
HGゴシックE


07. HG丸ゴシックM-PRO
HG丸ゴシックM-PRO


08. JDL丸ゴシック
JDL丸ゴシック


09. JDL太ゴシック
JDL太ゴシック


10. JDL明朝



11. JDL楷書



12. Lucida Sans Unicode
Lucida Sans Unicode


13. Microsoft Sans Serif
Microsoft Sans Serif


14. MSPゴシック
MSPゴシック


15. MSP明朝
MSP明朝


16. MS UI Gothic
MS UI Gothic


17. MSゴシック



18. MS明朝
MS明朝


19. MSPゴシックE
MSPゴシックE


20. HGP正楷書体
HGP正楷書体




バナーの背景をコピーして文字と組み合わせてみました。


バナー(大)(文字に影付きの場合)
ミニョンを永遠に愛する会

愛する会のページにリンクさせてborderを処理しない場合
ミニョンを永遠に愛する会

愛する会のページにリンクさせてborderを0とした場合
ミニョンを永遠に愛する会

こんな感じに文字部分のエリアがバックの部分より大きくなり、
バナーの枠が背景より少々大きくなってしまいます。



ちなみに文字の影をなくした場合は次のようになります。

バナー(大)(文字に影なし場合)
ミニョンを永遠に愛する会

愛する会のページにリンクさせてborderを処理しない場合
ミニョンを永遠に愛する会

愛する会のページにリンクさせてborderを0とした場合
ミニョンを永遠に愛する会





バナー(小) (文字に影付きの場合)
ミニョンを永遠に愛する会

愛する会のページにリンクさせてborderを処理しない場合
ミニョンを永遠に愛する会

愛する会のページにリンクさせてborderを0とした場合
ミニョンを永遠に愛する会

こんな感じにバナー(大)と同様に
背景より全体の画像枠が大きくなります。



文字の影をなくした場合は次のようになります。

バナー(小)(文字に影なし場合)
ミニョンを永遠に愛する会

愛する会のページにリンクさせてborderを処理しない場合
ミニョンを永遠に愛する会

愛する会のページにリンクさせてborderを0とした場合
ミニョンを永遠に愛する会




バナー(小)は文字が小さくて分かりづらい
感じがしましたので、次の2つを追加しました。


バナー(小)文字2段&文字サイズ少し大きめ
ミニョンを永遠に愛する会


バナー(小ちょっと大きめ)文字2段&文字サイズ少し大きめ
ミニョンを永遠に愛する会

ご参考まで。

© Rakuten Group, Inc.
X

Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: