로그인

Galmuri 리뷰: 픽셀 폰트를 선명하게 쓰려면 무엇을 확인할까

Galmuri는 한글·영문·숫자를 함께 쓰는 레트로 게임 UI와 도트 그래픽에 잘 맞는다. 0.1em 단위의 격자와 실제 출력 배율을 기준으로 픽셀 획을 선명하게 유지하는 방법을 짚었다.

다루는 폰트 · Galmuri

레트로 게임과 도트 그래픽처럼 화면의 픽셀 구조 자체가 디자인 언어인 곳에서 Galmuri가 잘 어울린다. 일반 고딕을 작게 줄인 것과 달리 획의 계단이 의도적으로 보인다. 반응형 본문이나 임의의 크기로 늘어나는 UI에서는 그 계단이 흐려질 수 있다. 적용 크기와 배율을 시안에서 먼저 고정해야 한다.

새 게임 · 이어하기 · 환경 설정

실제 문장으로 보는 인상

획획클럽이 선택한 미리보기 자산은 Galmuri9의 400 굵기 정적 파일이다. 측정값에서 한글 ‘한’의 진행폭은 1.000em, 비교 문장 열한 자의 폭은 11.000em이다. x-height는 0.600em, 기본 세로 지표는 1.300em으로 여러 값이 0.1em 단위에 맞아 있다. 픽셀 격자를 염두에 둔 특징으로 읽을 수 있지만, 이 수치만으로 특정 픽셀 크기에서만 정상이라고 단정할 수는 없다.

브라우저 배율, 기기의 픽셀 밀도, CSS 변환이 실제 결과를 바꾼다. 10px, 20px처럼 후보 크기를 정한 뒤 100%와 고밀도 화면에서 모두 캡처해 획이 고르게 보이는지 확인하는 편이 정확하다. 부모 요소의 scale로 키우기보다 최종 font-size를 직접 지정하는 것이 비교하기 쉽다.

레벨 07 · 경험치 1,250 · 남은 시간 09:42

잘 맞는 곳

게임 메뉴, 도트 그래픽 전시, 레트로 이벤트, 짧은 상태 메시지와 숫자 카운터에 잘 맞는다. 긴 기사와 약관, 크기가 연속적으로 변하는 반응형 본문, 매끈한 윤곽이 필요한 인쇄 작업에는 어울리지 않는다. 한글과 영문, 숫자를 함께 넣어 실제 목표 해상도에서 획 두께와 기준선을 확인해야 한다.

피하는 편이 나은 곳

한글은 칸을 일정하게 차지하지만 라틴 표본 폭은 8.400em으로 문자마다 흐르는 폭을 쓴다. 한글 메뉴는 반듯하게 정렬돼도 영문 목록은 같은 방식으로 맞지 않을 수 있으니, 세로 정렬이 필요하면 실제 문자열로 확인해야 한다.

SAVE COMPLETE · 저장이 완료되었습니다

실무에서 확인할 것

현재 자산은 45.3KiB이며 상용 한글 2,350자와 라틴-1 보충 문자 96자를 담는다. 이 글의 20개 미리보기 자산 안에서는 작은 편이지만, 그 순위보다 중요한 것은 필요한 문자를 실제로 포함하는지다. 패밀리는 400과 700 굵기를 제공하며 현재 화면은 400만 보여 준다. 굵은 픽셀 획이 필요하면 합성 bold 대신 공식 700 파일을 확인해야 한다.

비슷한 폰트와 비교하기

검은고딕처럼 굵은 제목용 폰트와 나란히 놓으면 차이가 또렷하다. 둘 다 강한 인상을 만들지만, 하나는 곡선 윤곽으로 면을 채우고 다른 하나는 픽셀 격자를 드러낸다. 시안의 이미지 언어와 맞는 쪽도 금세 보인다.

이제 남은 일은 후보를 같은 조건으로 갈아 끼우는 것이다. Galmuri 상세에서 후보에 담고 폰트 시뮬레이터를 연다. 목표 해상도의 픽셀 정렬, 한영 목록의 폭, 숫자 카운터의 기준선 순서로 살피면 인상만으로 고를 가능성이 줄어든다.