몇 가지 흥미로운 현대 픽셀 폰트

 (unsung.aresluna.org)
17P by GN⁺ | ★ favorite | 댓글 1개
  • Analog Mono는 1990년대 VCR·TV·캠코더·하이파이 장비의 VCR OSD Mono를 바탕으로, 낮은 기준선 때문에 생기던 문제를 보정한 픽셀풍 폰트임
  • VCR OSD Mono는 descender가 있는 글자가 위로 끌려 올라갔고, Analog Mono는 이 기준선 문제를 바로잡음
  • Coral Pixels는 Google Fonts에서도 제공되는 컬러 폰트로, 1990~2000년대식 컬러풀한 가장자리 번짐을 폰트 자체에 담아냄
  • Two Slice는 높이가 2픽셀뿐인 폰트이며, “어느 정도 읽을 수 있음”을 내세우는 극단적으로 작은 픽셀 폰트임
  • Geist Pixel은 픽셀 폰트를 장식이 아니라 프로덕션 타이포그래피 시스템의 기능적 도구로 다루며 metrics와 커닝 같은 주변 작업을 중시함

현대적인 픽셀풍 폰트 몇 가지

  • Analog Mono

    • Andrew Gleeson의 Analog Mono는 1990년대 VCR, TV, 캠코더, 하이파이 장비에서 흔히 보이던 VCR OSD Mono를 바탕으로 만든 픽셀풍 폰트임
    • 원래 폰트는 낮은 기준선 때문에 descender가 있는 글자가 위로 끌려 올라갔고, Analog Mono는 이를 보정함

  • Coral Pixels

    • Kumiko Yoshida의 Coral Pixels는 Google Fonts에서도 제공되는 컬러 폰트임
    • 1990년대와 2000년대의 컬러풀한 가장자리 번짐을 폰트 자체에 포함함
    • 이 번짐은 원래 서브픽셀 렌더링의 산물이었지만, 이제는 향수나 독립적인 시각 요소로도 쓰임

  • Two Slice

    • Joseph Fatula의 Two Slice는 높이가 2픽셀뿐인 폰트이며, “어느 정도 읽을 수 있음”을 내세움

  • Geist Pixel

    • 앞선 폰트들은 모두 현대 운영체제에 설치할 수 있는 벡터 폰트이면서 픽셀 폰트처럼 보이도록 만든 형태임
    • Vercel의 Geist Pixel은 픽셀 폰트를 단순한 장식이 아니라 더 넓은 타이포그래피 시스템 안에서 쓰이는 기능적 도구로 다룸
    • Geist Pixel은 픽셀 폰트가 프로덕션에서 자주 깨지는 이유로 뷰포트 간 확장 문제, 기존 타이포그래피와 충돌하는 metrics, 순수 장식성을 들며, 시각적 질감과 제품에 필요한 타이포그래피 엄격함을 함께 유지하려 함
    • 어떤 폰트의 약점은 글자 모양 자체가 아니라 커닝, 메타데이터, 추가 글리프, 세로 metrics처럼 보이지 않는 주변 작업에 있으며, Geist Pixel 팀은 특히 세로 metrics를 중시함
GeekNews Weekly에 포함된 글입니다. 에디터 코멘트 보기

함께 보면 좋은 글 β

GN⁺   [-]
Hacker News 의견들

  • 잊히기 쉬운 점은 현대 픽셀 글꼴이 모두 픽셀의 가로세로 비율을 1:1, 즉 높이와 너비가 같은 것으로 가정한다는 것임. 그래서 8x8 글자 상자가 완전한 정사각형이 됨
    하지만 옛 컴퓨터 디스플레이 상당수는 그렇지 않았고, 대부분 세로선보다 가로 방향 해상도가 더 촘촘해서 같은 물리적 거리 안에 가로 픽셀이 더 많았음. 1:1 정사각 픽셀은 Macintosh의 혁신에 가까웠고 당시엔 매우 드물었기 때문에, 이 페이지의 글꼴을 다른 80년대 기기에서 보면 “맞게” 보이지 않았을 것임. 반대로 그 기기들의 글꼴을 현대 디스플레이로 가져와도 어색해짐

    • 완전히 잊힌 건 아님. 예를 들어 아마 가장 큰 비트맵 글꼴 자료인 int10h 글꼴 모음은 글꼴별 가로세로 비율 보정을 눈에 띄게 보여줌 https://int10h.org/oldschool-pc-fonts/

  • Analog Mono와 Two Slice가 정말 멋짐. 이런 걸 좋아한다면 내가 좋아하는 현대 픽셀 글꼴 중 하나인 Departure Mono도 마음에 들 것 같음 https://departuremono.com

    • Papers, Please 비디오 게임에서 쓰인 글꼴 같은 느낌이 듦
    • 나도 같은 말을 하러 왔고, 실제로 Departure를 너무 좋아해서 코딩과 터미널 글꼴로 쓰고 있음. 원글의 글꼴들도 꼭 써볼 생각임

  • 아직도 X11에 포함된 7x13 misc fixed 글꼴을 쓰는 사람이 있나? 도저히 바꿀 수가 없음. 14인치 1920×1200에서도, 35인치 3440×1440에서도 완벽하게 읽힘. 작긴 하지만 그게 핵심이기도 함
    유일한 문제는 그 크기에서 Nerd Font 기호를 읽기가 정말 어렵다는 것임. 렌더링되게 만드는 것 자체는 alacritty에선 그리 어렵지 않지만, rxvt-unicode에선 약간의 추가 해킹이 필요함

  • https://viznut.fi/unscii/를 좋아함. ASCII 아트용으로 만들어졌지만 터미널에서도 여전히 잘 동작하고, 유니코드 업데이트도 계속됨

  • Geist는 순수하게 형편없어 보임. 벡터 글꼴을 픽셀 격자에 대충 옮긴 느낌이고, 개성도 없고 밴딩과 형태에 대한 세심함도 부족함

  • 몇 년 전 128x64의 아주 작은 디스플레이를 쓰는 임베디드 프로젝트를 했고 픽셀 글꼴을 쓰고 싶었지만, 찾아낸 것 중에 만족스러운 게 없어서 직접 만들었음. 해보니 정말 쉬웠고, Font Forge는 훌륭하며 사용하기도 매우 쉬움
    원하는 크기에서 몇 글자를 확정해 시작하면, 금방 응집력 있고 보기 좋으며 읽기 쉬운 결과물을 만들 수 있음. 연습 삼아 해보는 걸 강력히 추천함. 덤으로 프로젝트용 오픈소스 아이콘들을 글꼴 글리프로 잔뜩 넣었고, 구분 가능성을 유지하면서 얼마나 작게 만들 수 있는지 알아내는 과정도 아주 재미있었음

  • 저해상도 소프트웨어를 사랑하는 입장에서는 2003년 이후 누구도 넘지 못한 최고의 글꼴을 인정해야 함 https://www.dafont.com/04b-03.font
    요즘은 소프트웨어를 멋진 판타지 고서처럼 보이게 만드는 데 알파가 다 있음 https://skeddles.itch.io/eldring-pro

  • Analog Mono와 Geist는 글리프당 픽셀이 충분히 많아서 대략 20px 이하 크기에서는 픽셀 글꼴처럼 잘 읽히지 않음. Analog는 큰 2x2 픽셀 블록들이 겹쳐진 형태라 그 점을 어느 정도 완화하지만, Geist는 내게는 그냥 축소된 벡터 글꼴처럼 보임

    • 내 눈에는 고해상도 X11 글꼴처럼 보임. 특별히 독창적이거나 유니크하진 않음

  • Gohu 글꼴을 꽤 좋아함. 최근 정적 블로그 서식을 만지면서 http://dntbl.ink에 woff2로 변환해 사용했음. 렌더링 방식과 VAX 느낌을 주는 점이 정말 만족스러움

답변달기