최적의 글줄 너비와 높이, 글자 당 평균 너비

인터넷을 확인해보아도 정확한 자료가 없어 직접 측정 후 정리해 보았다. 적절한 폭과 높이는 흔히 알려진 기준을 기반으로, 두 시간정도 모니터를 뚫어지게 쳐다보며 직접 값을 튜닝해본 결과를 썼다.

영문(알파벳 + 특수 문자, 커닝 포함) 글의 글자 당 평균 너비:

• 산세리프 (Arial, Pretendard, 산돌네오): 0.45em
• 세리프 (Times New Roman): 0.4em
• Reuters-21578 데이터를 넣고 손수 측정해본 결과이다. 굵기는 400 기준이며, 700으로 할 시 0.02em 이내의 차이가 발생했다.

한국어(한글 + 영문자 포함) 글의 글자 당 평균 너비:

• 산세리프 (Pretendard, 산돌네오, 본고딕): 0.7em
• 뉴스를 위주로 해 임의의 인터넷 글들을 넣어보며 측정했다.

화면에서 적절한 글줄의 폭 (영문 글 평균 너비 기준, 글자 단위):

• 단문 위주 (SNS, 커뮤니티 등): 75개
• 장문 위주 (블로그, 뉴스, 문서 등): 85 - 95개
• 단문 위주 SNS인 트위터는 현재 75개를 폭으로 잡고 있다. 장문일 경우 85 - 95개가 읽기 속도가 가장 빠르단 연구 및 의견이 있다.

화면에서 적절한 글줄의 높이 (두 규칙 중 하나를 선택해 수정하여 사용)

• 헤딩에 1em + 0.5rem, 본문에 2em - 0.5rem 정도를 사용한다. (머티리얼 디자인의 Typography 참고)
• 헤딩에 1.2em, 본문에 1.5em 를 기준으로 적당히 바꾼다. 참고
• 다만 둘 모두 소문자가 많은 영문 기준이며, 한글은 정사각형을 꽉 채우는 형태이기에 조금 더 넓게 잡는 게 좋을 수 있다.

letter-spacing과 word-spacing도 가독성에 꽤나 영향을 미친다고 한다. 다만 폰트들 자체적으로 상당히 최적화되어 있을 거라 믿기도 하고, 일단 한국어(한글)에 대한 자료가 너무 없어서 분석을 보류한다.