System Font Stack
(systemfontstack.com)- 웹 폰트 대신 시스템에 이미 있는 좋은 글꼴들을 사용 하자는 것
→ 예전엔 웹 폰트가 좋았지만, 애플/구글/마이크로소프트가 좋은 글꼴들을 구매해서 OS에 내장했기 때문 - 빠르고, 스타일이 다양하고, 더 네이티브 하게 보임
폰트별 설정
- Sans-serif :
font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; - Serif :
font-family: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - Mono :
font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
“Noto Sans CJK KR”도 좋지만, 개인적으로는 “KoPub 돋움”이 좋더군요.
터미널 전용 고정폭은 D2Coding ligature nerd patched 정도밖에 대안이 없고요.
맥에선 레티나 되면, 뭔 폰트건 다 깔끔하게 나오니 걱정할 게 없지만요.
디자인 뿐만 아니라 OS별로 글꼴 렌더링하는 방식에 차이도있어서 디자인에서도 크든 작든 차이가 발생할것 같은데...그부분을 제외하더라도 웹사이트를 네이티브하게 보여줄 필요가 있나 싶네요..
이에 대해서는 다양한 찬반 논란이 있긴 합니다.
https://news.ycombinator.com/item?id=31543054
게다가 영어에나 해당하는 거지, 한글 글꼴은 사실 윈도우 기본 폰트가 별로라..