せっかく始めたブログなので、いろいろ実験している。
本当はまっさらなテーマを使用して作りたいが、ひとまず、すでにあるテーマをレスポンシブ化している。(ウィンドウの幅を変えてみてほしい)
今日はフォントを変えてみた。
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フォントの試験提供してるっぽい。
早速CSS内に記述。
Link
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
Example
font-family: 'Noto Sans Japanese', serif;
できた!
変更前
変更後
んーウエイト太いなー。できればNotoSansJP-Thin.otfを使いたい。
NotoSansJP-Thin.otf
サーバー契約しないと無理そうなので、とりあえずはこのままにしよう。
実はドメインだけ2年前くらいに取っててサーバー契約してなかったので、ついに契約してみようかな。
前から気になってたミニバードさんを検討中。今なら最大3ヶ月無料らしいので11月になったら申し込んでみよう。
てなわけで、これからちょくちょくレイアウトが変わっていくと思います。