トマシープが学ぶ

Unity/VR/AR/デザイン好きのミーハー 記事内容は自分用のメモです

GoogleWebフォントをはてなブログに使う。

 webフォント・・・

なんとなく知ってはいたけど、使ったことはありませんでした。

GoogleFontsというのが無料で使えるそうなので使ってみました。

fonts.google.com

こちらの記事を参考にしました。

saruwakakun.com

使う

日本語のフォントは6種類ありました。

f:id:bibinbaleo:20180816100516p:plain

使いたいフォントの右上の赤い+ボタンを押して、右下の黒いバーを押して、

f:id:bibinbaleo:20180816101309p:plain

CUSTOMIZEで太字とか選んで、

f:id:bibinbaleo:20180816101305p:plain

EMBEDでコピー。

f:id:bibinbaleo:20180816101301p:plain

はてなブログの詳細設定のheadに要素を追加に貼り付け。

 

またデザインCSSにフォント名を貼り付け

f:id:bibinbaleo:20180816101540p:plain

無事変わりました!

f:id:bibinbaleo:20180816101559p:plain

かわいい。

でも日本語は重いらしい。

重そうだったら元に戻します。

CSSの設定 

saruwakakun.com

ダウンロード

ダウンロードもできるんですね

f:id:bibinbaleo:20180816104721p:plain

M PLUSシリーズはUnityでの再配布?でも使えるやつだったはず

8450423.info