해외 개발자가 공개한 '절대 실패 안 하는 완벽한 기본 폰트 크기' 비밀

요약 웹 개발자들 사이에서 이상적인 기본 폰트 크기(Base Font Size)를 몇 픽셀로 지정해야 하는지에 대한 논쟁이 끊이지 않는 가운데, 웹 접근성 전문가 에이드리언 로셀리(Adrian Roselli)가 밝힌 비결은 바로 '아무것도 지정하지 않는 것'이었습니다. 로셀리는 CSS의 body 태그 등에 폰트 크기를 강제로 박아 넣지 말고 아예 비워두라고 조언합니다. 만약 린터(Linter) 검사나 사내 코드 규칙, 혹은 상사의 압박 때문에 반드시 기본값을 적어야만 하는 상황이라면 `html { font-size: 100%; }` 정도만 입력할 것을 권장했습니다. 이렇게 설정해야만 사용자가 브라우저나 운영체제(OS)에서 직접 지정한 글꼴 크기 설정을 덮어쓰지 않고 그대로 상속받을 수 있기 때문입니다. 이후 제목이나 네비게이션, 푸터 등 세부 요소들의 글꼴 크기는 상대 단위(rem, % 등)를 사용해 점진적으로 조절하되, 가급적 기본 크기보다 작아지지 않도록 하는 것이 안전하다고 덧붙였습니다. 또한 뷰포트 단위(vw 등)를 기반으로 폰트를 계산하는 방식은 사용자가 화면을 키워 글자를 읽는 접근성 기능을 방해할 위험이 있어 불필요한 계산 복잡도만 늘어난다고 지적했습니다. 추가로 입력창(input), 텍스트영역(textarea), 버튼(button) 같은 폼 요소에도 `font: inherit;`을 추가해 사용자 기본 설정을 유지할 것을 제안했습니다. 이 짧은 글은 공개 후 큰 반향을 일으키며 2024년 유튜브 테크 채널(Theo - t3.gg)에서 다뤄졌고, 2025년에는 유명 CSS 전문가 미리엄 수잔(Miriam Suzanne) 등의 반응과 토론 영상을 이끌어내기도 했습니다. 또한 2026년 CSS 워킹그룹에서 추진 중인 모바일 OS 텍스트 스케일링 브라우저 지원 기능과도 가장 잘 맞아떨어지는 방식으로 다시금 주목받고 있습니다.