본문 바로가기
토막 정보

개발자를 위한 타이포그래피

by 장모 2021. 1. 3.

* 브런치에서 옯겨진 글 입니다.

* 개발자가 교양으로 알아둘만한 기초적인 내용을 다룹니다. 그 기준은 제 마음. 
* 한글에 대해서는 아직 잘 모르겠음. 


Serif 세리프

간단히 글자에서 끝부분이 돌출된 글꼴들을 말한다. 붓으로 글씨를 쓰면 시작과 끝부분이 꺾이는 것을 생각하면 되는데 실제로 이런 종류의 글꼴들은 도구 등 물리적인 이유로 그 형태가 만들어졌고, 이후에는 문화적인 디자인적인 이유로 발전했다.  

아래 링크를 눌러보면 세리프 폰트들을 볼 수 있다.

 

https://fonts.google.com/?category=Serif

 

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

 

San-serif 산세리프

돌출이 없는 글꼴을 말한다. 잡스 덕에 더 유명해진 헬베티카가 대표적이다. 일본과 한국에서는 고딕체라는 말이 산세리프로 정착되었다.   

마찬가지로 아래 링크에선 산세리프 폰트들을 볼 수 있다. 

https://fonts.google.com/?category=Sans+Serif

 

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

 

Monospace 모노스페이스

고정폭 글꼴을 말한다. (a와 i의 너비가 같은 것) 다른 용도는 모르겠고, 코딩할 때 오와 열을 맞추기 위해서 모노스페이스 글꼴을 사용하는 경우가 많다.

 

예를들어 네이버 d2코딩 글꼴.

https://github.com/naver/d2codingfont

 

naver/d2codingfont

D2 Coding 글꼴. Contribute to naver/d2codingfont development by creating an account on GitHub.

github.com

 

마찬가지로 구글 폰트에서도 모노스페이스 글꼴들을 볼 수 있다.

https://fonts.google.com/?category=Monospace

 

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

 

Font Metrics 

폰트 크기를 20sp(혹은 20pt)로 지정했을 때 실제 차지하는 높이는 폰트마다 다르다. 보통은 View에서 알아서 처리를 하니 상관이 없지만 아주 드물게 폰트의 크기를 계산해야 하는 경우가 있다. 이 문제를 해결하기위해 찾아보다가 FontMetrics API를 찾아서 해결했는데, 이 부분이 한글에 맞는 내용은 아니라서 설명을 봐도 용어를 이해하기가 어려웠다. 어렸을 때 영어노트가 왜 4줄로 그어져 있었는지 이제야 알았다.

 

 

 

 

Paint.FontMetrics  |  Android 개발자  |  Android Developers

 

developer.android.com

 

 

 

Apple Developer Documentation

 

developer.apple.com

 

 

 

 

 

 

 

 

 

 

Noto Sans

 

 

 

 

Wikipedia: Maggie McCain -CC-BY2.0

 

 

 

 

Material Design

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

material.io

 

 

 

 

 

 

 

 

FontForge Open Source Font Editor

Get libre FontForge is a free and open source font editor brought to you by a community of fellow type lovers. You can donate to support the project financially. Get involved Anyone can help! You don't have to be a programmer. If you want to help but don't

fontforge.org

 

 

댓글