작성일자
카테고리 CSS/CSS기초

Roboto는 구글의 안드로이드 디자인 웹사이트에서 2012년 1월부터 사용하던 폰트입니다. 그 이전에는 Droid라는 폰트를 기본 폰트로 사용했습니다. Roboto의 개발자는 폰트 디자이너인 Christian Robertson이고 2010년부터 구글의 직원으로 일하고 있습니다. 2014년 구글이 머티리얼 디자인을 발표하면서 폰트를 재디자인해 머티리얼 디자인의 기본 폰트로 사용하고 있습니다. 그러던 중 2015년 1월 다시 업데이트 됐습니다. Roboto 폰트는 영문만 있으므로 한글이나 기타 국가의 폰트는 Noto 폰트를 호환 폰트로 지정했습니다.



이전 버전과 개정된 버전의 가장 큰 두드러진 차이는 R에 있습니다. 이전에는 하단 부분이 곡선으로 돼있지만 현 버전은 직선입니다. 이전 버전은 다폰트폰트 스퀴럴에서 내려받을 수 있지만 최근 버전은 구글에서 받을 수 있다는 차이도 있습니다.



바로가기


구글 머티리얼 디자인 사이트에서 소개하는 다운로드 링크는 2014년 발표 당시의 폰트입니다. 여기서 내려받으면 기본 폰트와 Condensed 폰트가 섞여 있습니다.



구글 폰트 사이트에는 4 종류의 폰트가 있으며 내려받거나 웹폰트로 사용할 수 있습니다.


바로가기



검색란에 roboto로 검색하면 4개의 폰트가 나타납니다. Condensed 버전은 폭이 축소된 것이고 Mono 버전은 모노스페이스 폰트로 코딩 폰트로 사용하면 좋습니다. Slab은 세리프가 강조된 폰트입니다. 하단의 Use 버튼을 클릭해 웹폰트 링크를 복사할 수 있습니다. 코딩 폰트로 사용하기 위해서는 모노스페이스 폰트를 직접 내려받아야 합니다. 다운로드 아이콘을 클릭하면 zip 파일을 내려받을 수 있습니다. 참고로 예문이 "Grumpy wizards make toxic brew for the evil Queen and Jack."로 돼있는 것은 팬그램(Pangram)으로 모든 알파벳을 표현하기 위한 것이며 특별한 뜻은 없습니다. 한글의 경우 "다람쥐 헌 쳇바퀴에 타고파"로 돼있습니다. 모음은 많아 모두 표현하기 어렵지만 자음은 모두 나타납니다.



서브라임 텍스트에 코딩폰트로 사용하려면 폰트 이름을 정확히 알아야 합니다. 모노스페이스 폰트를 내려받으면 10개의 폰트가 있습니다. 가장 무난한 레귤러를 클릭하고 설치하면서 글꼴 이름을 알아둡니다.


 2 
  "caret_style": "phase",
 3 
  "color_scheme": "Packages/User/SublimeLinter/iPlastic (SL).tmTheme",
 4 
  "font_face": "Roboto Mono",
 5 
  "font_size": 12,


서브라임 텍스트에서 환경설정 파일을 열고 Roboto Mono로 입력하면 됩니다.



상당히 깨끗하고 명확하게 보입니다.



저작자 표시 비영리 변경 금지
신고

티스토리 툴바