むじん島

文才のないWebプログラマがなにかする

AtomでMarkdown編集時に簡単にFont Awesomeを使う方法

f:id:mu2in:20150417235442p:plain Github製の Atom で Font Awesome がすごく簡単に扱えるようになったのでご紹介します。

導入方法

以下の「icon-font-picker」パッケージをインストールします。
atom.io

使い方

f:id:mu2in:20150417235529p:plain

始めにMarkdownプレビュー画面を表示させておきます。
次にパッケージのメニューから「Icon Picker」を選択します。
Windows版では、Toggleのショートカットがうまく動かないみたいです。

f:id:mu2in:20150417235556p:plain

右の「Icon Picker」をからアイコンを選択すると、表示用のタグが挿入されます。
また、プレビュー画面には選択したアイコンフォントが反映されます。

Font Awesomeのプレビューだけでなく、アイコンピッカーまで表示してくれるなかなか便利なパッケージでした。