LoginSignup
16
17

More than 5 years have passed since last update.

1分で実現できる有用な技術Advent Calendar 2013Day 21
@kony(Tomoya Konishi)

KobitoのプレビューフォントをRictyにする方法

Posted at

Kobito v1.8.3からプレビューに適用されるCSSを編集可能になったので、Rictyを使うようにしてみました。コードも文章も見やすくなるのでおすすめです。
Rictyのインストールについてはfont - プログラミング用フォントをMacに homebrew でインストール - Qiita [キータ]を参照してください。

設定方法

1. カスタムCSSを有効にする

スクリーンショット 2013-12-24 10.02.31.png

2. カスタムCSSを開いてCSSを編集

↓のCSSをそのままコピペすると適用されます。

/* See Kobito.app/Contents/Resources/markdown.css for predefined style. */

body {
  font-size: 14px;
  line-height: 1.6;
  font-family: "Ricty";
}

code, .code-frame pre code {
  font-family: "Ricty";
}

li, p {
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
}

ビフォーアフター

ビフォー

スクリーンショット 2013-12-24 10.52.36.png

アフター

スクリーンショット 2013-12-24 10.52.27.png

16
17
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
16
17