こびと日和

日々の記録や制作(製作)したものをのんびり公開します

フォントをNoto Sans Japaneseに変えてみた

せっかく始めたブログなので、いろいろ実験している。

本当はまっさらなテーマを使用して作りたいが、ひとまず、すでにあるテーマをレスポンシブ化している。(ウィンドウの幅を変えてみてほしい)

今日はフォントを変えてみた。


GoogleとAdobeのフォントNoto Sans(Source Han Sans)の画期的なところ | Stocker.jp / diary

こんな記事を見つけたので、Noto Sansというフォントに変えてみる。

調べてみると、ダウンロードして使うっぽい。

・・・・・ん?WEBフォントなのにダウンロード?

てっきりGoogleのフォントならhead内にlink書いてcssでfont-family書き換えれば出来ると思っていたのだけど。。。(この説明であってるかしら?自信ないです)

とりあえず、もう少し調べてみた。


CSS - Noto Sans Japanese をウェブフォントとして使うときに非デザイナが調べたこと - Qiita

どうやらサーバーに置かないとダメらしい。サーバー契約してないや。

おや?GoogleがWEBフォントの試験提供してるっぽい。

Google Fonts : Early Access

早速CSS内に記述。

Link

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

Example

font-family: 'Noto Sans Japanese', serif;

できた!

変更前

f:id:kohirama:20141030204810j:plain

変更後

f:id:kohirama:20141030204819j:plain

んーウエイト太いなー。できればNotoSansJP-Thin.otfを使いたい。

NotoSansJP-Thin.otf

f:id:kohirama:20141030205626j:plain

サーバー契約しないと無理そうなので、とりあえずはこのままにしよう。

実はドメインだけ2年前くらいに取っててサーバー契約してなかったので、ついに契約してみようかな。

前から気になってたミニバードさんを検討中。今なら最大3ヶ月無料らしいので11月になったら申し込んでみよう。


サービス料金 /格安・大容量レンタルサーバーのミニバード

 

てなわけで、これからちょくちょくレイアウトが変わっていくと思います。