SkyBlog

書きたいことを書くブログ

SkyBlogのフォントを変えました!

SkyBlogを最近いろんな端末で眺めているんですけども、いつも思うことが、

フォントが好きじゃない

f:id:sora44036:20190113195719p:plain

 

多分メイリオだと思うんですが、メイリオってポップ体の次くらいに嫌いなんですよね。なんか無駄に丸まった感じが好きじゃない。ということでSkyBlogのフォントを変えようと思います。

 

なんか難しい事するんじゃないかと思われがちかもしれませんが、とっても簡単!やっぱりはてなブログは神ですね!

 

まずははてなブログの上のバーから「デザイン」を押します

f:id:sora44036:20190113210614p:plain

 

そうするとデザインの設定画面に入ります。次にモンキーレンチのマークを押します

f:id:sora44036:20190113211003p:plain

f:id:sora44036:20190113211214p:plain



ブログを細かくカスタマイズできるページに入ります。その中の一番下の「デザインCSS」を押します。

 

f:id:sora44036:20190113212359p:plain

何ということでしょう。汚い文字列が表示されて頭が痛くなりました。頭が痛くなったのでもう今日はこれくらいにして寝ます嘘です(←は?) 

 

まあどうでもいい茶番はいいとしてもうここまできたら簡単です。この下のコードを貼り付けるだけです。

とっても簡単

 

しかしこのコードを貼り付けるだけでは游ゴシックにしか変更できません。自分の好きなフォントなどに変更したいときは、「font family:"◯◯"」のところに自分の好きなフォントを入れたらOK!

 

ちなみに僕は最近のOfficeは游ゴシックが標準になっていて、みんなが使っているのが嫌なので使っていません(←ただのめんどくさい奴)

 

僕は源ノ角ゴシックにしました!コードはこんな感じ↓

 

なんかみなさん游ゴシックや源ノ角ゴシックのあとに「"Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS ゴシック"」みたいに書かれているのはなんでか気になりますよね。これは先頭のフォントから適用されるのですが、そのフォントが適用できないときは2番目のフォント、3番目のフォントって適用されていくみたいです。

 

f:id:sora44036:20190113221111p:plain

ほんと美しい…やっぱり自分のブログのデザインが好きっていうのは書くモチベにもつながるのでいいですねぇ。ではおやすみなさい

この記事を参考にさせていただきました↓

www.wankorokun.com

 

(追記)

なんかSafariというかiOS端末ではフォント変わんないんですけど…まあもう少し模索してみます。