font-size: 62.5% 를 사용하는 이유?

왜 font-size를 62.5%로 하였을까?

html { font-size: 62.5%; }

 

font-size를 62.25%로 지정하면 기본 폰트 크기가 16px(브라우저의 기본 폰트 크기) * 62.5% = 10px 로 지정이 된다.

10px 로 지정하는 이유는 10진수 계산이 편해서다, 우리는 em, rem을 사용해야 하기 때문.

근데 왜 기본 폰트 크기를 바로 10px로 안하고 62.25%로 하는 것 이냐?

문제는 바로 브라우저에서 제공하는 사용자 접근성 옵션(accessibility options)에 있다.

브라우저의 기본 폰트를 바꾸면 그에 따른 폰트 크기로 변경이 되어야하는데 고정 10px 로 적용되어 있을 경우에는 접근성 옵션이 적용되지 않는다.