Jekyll製ブログを游ゴシックにフォント変更
フォントを游ゴシックに変更してみました。
他の人のブログを読んでいたところフォントがものすごく気に入って、Chromeデベロッパーツール(以前書いた使い方記事はこちら)で確認してみたところ「游ゴシック」だということがわかったので私も使うことにしました。
変更方法
(Atomエディタを使っています。)
(mac)command + shift + f で検索パネルを開き、font-family
で検索します。覚えたばかりのショートカットだけどすごく便利。
そうしたら$base-font-family
、$heading-font-family
というのが見つかるので、そこからフォントを変更します。(_variable.scss
ファイルの中にあった。)
Qiitaで見つけた記事、游ゴシックの指定方法を参考にさせていただきました。
游ゴシックはWindowsのChromeからだと細くて見づらいことがあるようで、Windowsから見る場合のために游ゴシックMediumの指定が必要らしいです。
ただ、Windowsから見た場合に適用される游ゴシックMediumはそのままboldをかけると滲んでしまうようなので、そこにはまた別の指定をした方が良いらしいのですが、macユーザーなのでちょっとよくわかりません。。
とりあえず少しでも見やすくしたかったので、フォントの色も#333333
から#293030
に変更して少し黒味を強くました。(_typography.scss
の中のbody
のcolor: $dark-gray
をcolor: #293030
に書き換え。)
游ゴシックってすごくきれいなフォントだと思うんですけど、Twitterで調べたらあんま人気ないっぽかったのでびっくりしてます。私は他にも筑紫書体シリーズとか、ちょっと筆っぽいフォントが好きみたいです。游ゴシックは曲線がすごく自然だし、おまけに見やすくていいとこ取りのフォントだと思います。
ところで、だんだんAtomの使い方に慣れてきているようで嬉しいです。
昨日始めたRailsチュートリアルもぼちぼち頑張ります。
Subscribe via RSS