manjaroでのchromeでprogateを含むブラウザ上のエディタのカーソルの位置がおかしくなる


何が起こっていたか、とその原因

Progateは外部ライブラリのAceエディタというものを使っていて、そのAceエディタがmonospace(等幅フォント)なフォントをローカルに参照しにいくため、等幅フォントのインストール加減によっては等幅フォント以外のフォントでレンダリングされるという現象だった。

解決策

AceエディタのfontのCSSは以下のようになっています。

{ font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace; }

ですので、monacoフォントをインストールしてchrome再起動で解決します。

Arch系のOSの場合

AURにttf-monacoというパッケージがあるので、ソフトウェアの追加と削除からとか、yayとかaurmanを使って入れてください。

Ubuntuの場合


curl -kL https://raw.github.com/cstrap/monaco-font/master/install-font-ubuntu.sh | bash

ついでにCircleCIの公式ページもぶっ壊れてる時

ttf-material-icon というパッケージがあるのでそれをインストールしましょう。