▲

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

 (unsung.aresluna.org)
2P 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를 중시함

함께 보면 좋은 글 β

▲
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 느낌을 주는 점이 정말 만족스러움

답변달기