閉じる

GoogleFonts日本語 テスト公開中

昨年の10月より、GOOGLE特設ページ(github)で日本語Webフォントを公表しています。

試験的なもののようですが、いままでのものより、使い勝手がよさそうなので、明朝フォントを下記でテストしてみました。

Google Fonts + 日本語 早期アクセス • Google Fonts + Japanese Early Access

GOOGLE日本語フォント

https://googlefonts.github.io/japanese/

japanaesefont

 

フォントのテスト

テストした文章は青空文庫の芥川龍之介「羅生門」です。

広い門の下には、この男のほかに誰もいない。ただ、所々丹塗の剥げた、大きな円柱に、蟋蟀が一匹とまっている。羅生門が、朱雀大路にある以上は、この男のほかにも、雨やみをする市女笠や揉烏帽子が、もう二三人はありそうなものである。それが、この男のほかには誰もいない。
芥川龍之介 羅生門 – 青空文庫

PCの環境は、Windowsにしました。

フォントは、px指定、 line-heightは設定しません。

サイズは、芥川龍之介「羅生門」が36px、ある日の暮方の事である~が24px、

広い門の下には~が16pxです。

 

はんなり明朝 Hannari

hannari

はんなり明朝は、line-heightが自動で入りました。

 

こころ明朝 Kokoro

こころ

こころ明朝は、大きいサイズの方が特徴がでて、良い印象です。

さわらび明朝 Sawarabi Mincho

Sawarabi Mincho

 

 

どれも大きいフォントサイズは素晴らしいと思います。

さわらび明朝 Sawarabi Mincho

さわらび明朝

上記は、28pxで表示したものです。

line-heightは、150%設定しました。

こころ明朝 Kokoro

こころ2

こちらも28pxですが、細い線と太い線が文字によって違いが生じましたので、font-weight:boldを設定しました。

やはり、明朝Webフォントは魅力的です。

関連記事

  1. FLEXBOX RESET

    floatやflexbox(display:flex)のリセット…

  2. chrome

    2017年9月の日本でのブラウザシェアとChrome62のフォー…

  3. chrome hosts

    Chromeでhosts設定を行える拡張機能

  4. GOOGLEADS

    Google AdWordsが7月24日より「Google 広告…

  5. Chromeのエンコード機能が消えた!が拡張機能が公開されていた…

  6. ホームページ作成で利用できる補助金!2019年小規模事業者持続化…

ピックアップ記事

ページ上部へ戻る