Electronのデフォルトフォントを変更する

前記事でElectronのフォントを変更する方法を書いていたのですが、0.36になってからは内部のChromeのバージョンが上がり、この方法が使用できなくなっていました。しかし最近公開になった0.36.5で、ついにデフォルトフォント関連のパラメータを指定する機能が追加されました。(と言っても、自分にとって重要なwebviewへの対応はまだなのですが...)

この機能の使い方自体は難しくなく、BrowserWindowでウィンドウを作成する際、オプションのwebPreferencesに使用したいフォントを指定してあげるだけです。ざっと確認した限り、すべてのパラメータを指定する必要はないようです。

// main.js
var mainWindow = new BrowserWindow({
  webPreferences: {
    defaultFontFamily: {
      standard: 'Meiryo UI',
      serif: 'MS PMincho',
      sansSerif: 'Meiryo UI',
      monospace: 'MS Gothic'
    }
    // 他、以下のパラメータが設定可能
    // defaultFontSize
    // defaultMonospaceFontSize
    // minimumFontSize
    // defaultEncoding
  }
});

フォントの選択機能を付けるのであれば、以下のページが参考になるかと思います。

qiita.com