아카이브사이트맵
© 2026 Rayon. All rights reserved.
DevDay
아티클랭킹스페이스채용
데브투 favicon데브투

웹 폰트 가독성, 아직도 I와 l을 구분 못한다면?

by DD
2026-04-10
3개월 전
조회수 56

대문자 'I'와 소문자 'l'의 시각적 혼동으로 인해 웹 폰트(Web Font) 가독성 문제가 지속적으로 발생

접근성(Accessibility) 관련 법규 및 가이드라인에도 불구하고, 가독성이 낮은 웹 폰트 사용이 여전함

Atkinson Hyperlegible과 같은 가독성 높은 폰트가 존재하지만, Ubuntu와 같은 폰트도 가독성 개선에 기여

가독성 저해 요인: I와 l의 시각적 혼동

본문에서 지적하는 가장 큰 문제점은 웹 폰트(Web Font)에서 대문자 'I'와 소문자 'l'의 시각적 구분이 어렵다는 점이다.

특히, 좁은 화면이나 낮은 해상도 환경에서 가독성이 더욱 저하됨

이는 사용자 경험(UX) 저해는 물론, 정보 전달의 오류를 발생시킬 수 있음

Atkinson Hyperlegible과 같은 가독성을 고려한 폰트 사용이 대안으로 제시됨.

접근성 표준 준수의 어려움

웹 접근성(Web Accessibility) 관련 법규 및 가이드라인에도 불구하고, 가독성이 낮은 폰트 사용이 여전한 현실을 지적한다.

WCAG(Web Content Accessibility Guidelines)와 같은 표준 준수가 의무화되었지만, 실질적인 개선은 미흡함

APCA(Advanced Perceptual Contrast Algorithm)와 같은 새로운 알고리즘 도입을 통해 가독성 개선을 기대

접근성 준수를 위해서는 폰트 선택뿐만 아니라, 폰트 크기, 자간, 행간 조절 등 다양한 요소들을 고려해야 함.

가독성 개선을 위한 폰트 선택

가독성 개선을 위해 Atkinson Hyperlegible과 같은 특정 폰트 사용을 권장하며, Ubuntu와 같은 폰트도 대안으로 제시한다.

Atkinson Hyperlegible: 시각적 구분이 쉽도록 디자인되어 가독성이 뛰어남

Ubuntu: 가독성과 미려함의 균형을 추구

폰트 선택 시, 디자인적 요소뿐만 아니라, 사용 환경(디바이스, 브라우저) 및 사용자 특성을 고려해야 함.

Who's Al and Where's Webfont Legibility?
초급
트렌드
Web Font
Frontend
원문 읽기
원문 읽기

댓글 0

첫 번째 댓글을 남겨보세요!

관련 추천 글

FE Ops 6개월, 프론트엔드와 데이터 도메인 사이에서의 성장기록

벨로그 로고

8년차 개발자의 험난한 이직기, 결국 D사에 합격!

벨로그 로고

카카오톡 예약하기, 캘린더 UI 구현 비하인드 스토리

카카오 로고

WeCoded 챌린지 수상자 발표! 개발자들의 감동적인 이야기와 프론트엔드 기술의 만남

데브투 로고

AI 엔지니어들이 백로그를 해결해 드립니다!

프로덕트 헌트 로고

셀카 한 장으로 옷장 완성! AI 스타일리스트 Layered 출시

프로덕트 헌트 로고
데브투 favicon데브투
초급
트렌드
Web Font
Frontend

관련 추천 글

FE Ops 6개월, 프론트엔드와 데이터 도메인 사이에서의 성장기록

벨로그 로고

8년차 개발자의 험난한 이직기, 결국 D사에 합격!

벨로그 로고

카카오톡 예약하기, 캘린더 UI 구현 비하인드 스토리

카카오 로고