mac terminal.app で npm i や npm run した時に文字がズレる．

Question

例えばこんな感じ

• 追加

上書きされて表示されるべきものが改行されてしまっている
█ の表示がずれている

試したことなど

原因は，おそらくzshかterminal.app側と考えています．
fontは数種類試しましたが，すべて同じような文字化けが発生しました．
具体的には，以下のfontです

• Ricty
• Ubuntu Mono
• Migu 1M

npmは，3.3.12 と 3.7.2 で試しました．両方文字化けしました．

文字化け以外には特に支障なく，エラーメッセージなどのテキストは正常に表示されていたので，
今まで原因がわからず放置していました．

現環境

• OS X Elcapitan : 10.11.2
• Terminal.app : 2.6.1(361.1)
• zsh : 5.1.1 (x86_64-apple-darwin15.0.0)
• npm : 3.7.2
• font : Ubuntu Mono

同じ症状が出ている方や，対処法がわかることがいましたらコメントしていただけると幸いです．

追記

bash, sh 上で 動かしてみたところ同じように文字がずれました．
なのでzshの問題ではないですね．

Comments

[unau]

locale と端末の文字コードが一致していないような気がしますけど、どそれぞれどうなっていますか。

[unau]

あ、エラーメッセージは正常に表示されるのですね。となると npm が認識している locale の問題？

[退会済みユーザー]

それって環境変数か何かで設定できるんですか？

Answer 1

文字化けではなく npm のプログレスバーです、表示されるべき文字としては合っています

Comments

[退会済みユーザー]

本当に表示されるべき文字は正常でしょうか？
chitokuさんの環境でも U+2561 が表示されるのでしょうか？

[chitoku]

正常です

[chitoku]

U+2561 です、ちょっとデザイン的に変に見える気持ちも分かりますがそういうものです

[退会済みユーザー]

正常な表示はこうなってるんですね．自分の環境の場合，表示が上書きされずに次の行に行ってしまってるんですよね.
（本文に画像追加します）

Answer 2

原因がわかりました．
Terminal.app側の設定で，
Unicode東アジアA(曖昧) の文字幅をW (広) にするにチェックを入れていたためでした．
そのため，文字幅が広がり 一行に表示されきれずずれてしまったようです．
お騒がせしました．

チェックを外すことで解決．