안녕하세요 대한민국 공군에서 의무복무를 하고 있는 쫑 입니다. 이번에 Cloud9을 사용하면서 powerline 폰트가 깨져서 제대로 보이지 않는 부분이 있어 특정 .css를 import하여 해결한 경험을 공유하려고 합니다.

cloud9을 사용하는 유저중에서 ZSH을 사용하는 사용자이면 Oh-my-zsh이란 플러그인을 많이 사용하실겁니다. 하지만 oh-my-zsh에서 사용하는 일부 테마중에 powerline 폰트를 사용하는 경우 다음과 같이 폰트가 깨짐이 발생합니다.

폰트-깨짐-사진.png

웹폰트를 추가하여 다음과 같이 해결이 가능합니다.

폰트-깨짐-해결-사진.png

간략한 용어 설명

  • Cloud9: 아마존에서 제공하고 있는 구름 IDE와 같은 클라우드 방식의 독립된 가상머신을 제공해주는 서비스 입니다.
  • ZSH: Z Shell의 확장팩이며 휠씬 강력한 기능을 사용 할 수 있습니다.
  • Oh-my-zsh: ZSH의 여러가지 플러그인이나 추가기능을 붙일 수 있도록 만들어진 플러그인입니다.
  • css: HTML 웹문서의 스타일을 꾸미기 위한 언어입니다.

CSS 추가하기

환경설정 이동

Prererences -> Themes -> your stylesheet

코드 복사/붙여넣기

@import "https://cdn.rawgit.com/wernight/powerline-web-fonts/e4d967ca4f95d9fa0cf1d51afed2e5a5927d759e/PowerlineFonts.css";

이제 새로고침을 하면 정상적으로 출력되는 것이 확인됩니다.

참고한 사이트