https://www.youtube.com/watch?v=Zi2BJJsmIzc

LINE Financial Plus 곽희범

예제사이트

FEConf 2019 font examples

폰트, 혹시 쉬우신가요?

: 안에 가려진 것들도 많고, 브라우저마다 특성이 다 다르다.

• 지구 상의 다양한 문자
• 유니코드 이전의 인코딩 방식
  • 파편화 된 방식
• 유니코드 블록
  • utf-8, utf-16과 같이 정리되었다.
• emoji도 문자
  • 이모지도 폰트로 구성되어 있다.
• OS 고유의 폰트
  • OS 버전에 따른 코드

⇒ 폰트가 너무 많기 때문에, 모든 문자를 다 폰트가 해결해주지 않아 문제가 발생하기도 한다.

폰트가 달라지면 길이도 높이도 달라진다.

• (중요)UI가 깨지면 홈페이지에 신뢰도를 떨어뜨린다.

일하면서 겪은 실제 문제들…

사례 1: 문장사이에 낯선 폰트