Google Fonts+Japanese Early Accessを使う
日本語Google Fontの使い方のメモ。
//Web Font
Noto Sans Japanese ~
<link rel="stylesheet" href="https://fonts.googleapis.com/earlyaccess/notosansjapanese.css"> .wf-notosansjapanese { font-family: "Noto Sans Japanese"; }
M+ 1P
~ 日常的に使うための飽きのこない、それでいてちょっと気になるデザイン。
<link href="https://fonts.googleapis.com/earlyaccess/mplus1p.css" rel="stylesheet" /> .wf-mplus1p { font-family: "Mplus 1p"; }
Rounded M+ 1c
~ 明るく伸びやかなデザイン。
<link href="https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css" rel="stylesheet" /> .wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }
はんなり明朝
~ 明朝体は墨溜まりを意識したデザイン。
<link href="https://fonts.googleapis.com/earlyaccess/hannari.css" rel="stylesheet" /> .wf-hannari { font-family: "Hannari"; }
こころ明朝
~ 少しほっそりとした、角丸な明朝体。まろやかで、軽い感じがする文字。
<link href="https://fonts.googleapis.com/earlyaccess/kokoro.css" rel="stylesheet" /> .wf-kokoro { font-family: "Kokoro"; }
さわらびゴシック
~ 本文用のフォントとして使いやすくなるようにイメージ。
<link href="https://fonts.googleapis.com/earlyaccess/sawarabigothic.css" rel="stylesheet" /> .wf-sawarabimincho { font-family: "Sawarabi Gothic"; }
さわらび明朝
~ 本文用のフォントとして使いやすくなるようにイメージしています。
<link href="https://fonts.googleapis.com/earlyaccess/sawarabimincho.css" rel="stylesheet" /> .wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
Nikukyu (ニクキュウ)
~ モリっとして、ツヤのあるカタカナフォントです。
<link href="https://fonts.googleapis.com/earlyaccess/nikukyu.css" rel="stylesheet" /> .wf-nikukyu { font-family: "Nikukyu"; }
ニコモジ
~
<link href="https://fonts.googleapis.com/earlyaccess/nicomoji.css" rel="stylesheet" /> .wf-nicomoji { font-family: "Nico Moji"; }
詳細は、
コメントを残す