このサイトでは、テーマとして Simplicity 2 を使っている。

デフォルトでは、タイトルが大きいと思ったのと、フォントを Google Fonts にしてみたかったので、[カスタマイズ] – [追加 CSS] に以下を追加した。

アルファベットは Bitter 、日本語は Google Fonts + 日本語 早期アクセス にあった M+ 1p にしている。

@import url('https://fonts.googleapis.com/css?family=Bitter');
@import url('https://fonts.googleapis.com/earlyaccess/mplus1p.css');

body{
  font-family:
      'Bitter',
      'Mplus 1p',
      'Hiragino Kaku Gothic ProN',
      Meiryo, Helvetica, Arial, sans-serif;
}

.entry h2 a{
  font-size:20px;
}

カスタマイズするときは、テーマの style.css のソースを見て、カスタマイズしたいところだけ抜きだして、[追加 CSS]に書くのが一番簡単かなと思った。

追記

言われる前に自分で言うけど、一番最後に入れ子の一番内側で実行されるであろうこのモジュールに @import を書くのは効率的にどうだろうというのはある。

しかし、js のモジュールなんかはもっと冗長に呼ばれているケースがいくらでもあるだろうと思うし、2度目以降のオーバーヘッドは小さいだろうから、気にしないことにしている。