joppot

コピペで絶対動く。説明を妥協しない

ソフトウェア

Mac 標準terminal、iterm2のEmacsでpowerlineが文字化けするのを修正する

投稿日:


概要

みなさんこんにちはcandleです。
今回はemacsのpowerlineが文字化けしてしまうのを修正する方法を紹介します。
こちらのサイトを参考にさせていただいています。
https://griffio.github.io/utils/2016/01/26/Spacemacs-OSX-Term/

iterm2でもmac標準のターミナルのどちらも解説します。

私の場合Emacsをiterm2で立ち上げると、powerlineの矢印の部分が文字化けしてしまいます。

これを修正します。

前提

emacsがある
emacsにpowerlineがインストールされている
Mac標準ターミナルかiTerm2でemacsを使っている


powerlineに対応したフォントをインストールする

この文字化けの根本的な問題はpowerlineが使うunicodeの文字がターミナル上で使っているフォントに無いことから生じています。

そこで、必要なフォントをインストールしましょう。
powerlineに対応したフォントがgithubにあります。

https://github.com/powerline/fonts

このリポジトリをcloneします。場所はどこでも平気です。
僕は例によってDesktopに持ってきます。

cd ~/Desktop/
git clone https://github.com/powerline/fonts.git



フォントのインストール

フォントを全てインストールしても良いのですが、fontファイルはわりと大きいので、1つだけインストールしたいと思います。
フォントの種類はこちらのgithubのページで確認できます。

https://github.com/powerline/fonts/blob/master/samples/All.md

とりあえず1つインストールしましょう。
そうですね。「SourceCodePro」をインストールしてみます。

gitクローンしたfontsフォルダの中のinstall.shを実行します。
第一引数にフォントを指定すると任意のフォントのみをインストールできます。

cd ~/Desktop/fonts
./install.sh "Source Code Powerline Regular"

フォントのインストールが終わりました。

フォントの設定

使っているソフトウェアでフォントの設定が異なるので、それぞれ説明していきます。

iterm2のフォント設定

iterm2を開き、上のメニューの「 iTerm2 」から「 preferences… 」を選びます。
「 Profiles 」を選び、「Text」タブを選択します。

最初に、下の画像の赤枠の所「Non-ASCII Font」の「Change Font」を選び、先ほどインストールしたSource code proを選びます。
Non-ACII Fontは標準の文字以外のフォントの種類です。
powerlineで使う文字化けしていたフォントはここで指定したフォントを使います。

先ほどインストールした「Source Code Pro for Powerline」を選びます。

もしも、iTerm2全体でも Source Code Powerline Regularを使いたい場合は青枠の「Font」も変更してください。


iterm2の設定は以上です。

Mac標準ターミナルのフォント設定

ターミナルを起動して、上のメニューから「ターミナル」、「環境設定」を選びます。
「プロファイル」の「テキスト」タブで「変更…」を選びます。


Mac標準ターミナルはiterm2みたいに特殊文字だけをpowerlineフォントにすることはできません。
ターミナル全体で同じフォントを使います。

先ほどインストールした「Source Code Pro for Powerline」を選びます。

フォントの設定は以上です。

確認してみる

iterm2上で、Emacsを起動します。
うまくいっています。

Mac標準ターミナルで、Emacsを起動しています。

うまくいきました。

まとめ

これで美しいpoweline生活が可能ですね。

スポンサードリンク

「為になったなぁ」と思ったら、シェアお願いします。

-ソフトウェア
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

何でも開けるエディタCotEditorをMac Sierraインストールしよう

概要 (追記 2018年11月に書き直しました) 皆さんこんにちはcandleです。今回は、ほぼ全てのファイルを開くことができるCotEditorのインストールの仕方を書いていこうと思います。 Cot …

Macからiphoneまたはipodにpdfをibooks経由で送る方法

English 日本語 概要 みなさんこんにちはcandleです。今回はMacからiphoneまたはipodにpdfファイルを送る方法を紹介します。 たまに電車の中などで、パソコンにダウンロードしたp …

MAMPでphpのshell_execを使用してunixコマンドを実行できない場合の対処(imagemagick,convert)

概要 みなさんこんにちはcandleです。今回はちょっと問題が起きてshell_execがうまくいかないときのトラブルシューティングをまとめます。 私はMAMPをバージョンアップする前は、phpのsh …

emacsのバージョンを確認する

概要 emacsのバージョンを簡単に確認しましょう。 記事にするほどものではありませんが、備忘録にまとめておきます。 emacsのメジャーなバージョンは22と23に大きく分かれており、最近では24もリ …

photoshopのブラシを反転させる方法

English 日本語 概要 みなさんこんにちはcandleです。今回はブラシを反転させる方法を紹介します。 前提 なし


ベンチャー企業のCTOをやってます。大学時代にプログラミングを始め、javaから入門し、C++へて、PHPへと進み、会社ではRailsを使用。自動化が大好きなプログラマー