Geist Serif 공개

Geist는 개발자를 위한 고정폭(monospace) 서체로 시작했습니다. 개발자가 하루 대부분을 보내는 에디터와 터미널에 맞춰 만든 서체였죠. 이후 제품 인터페이스용 Geist Sans로 확장했고, 초기 컴퓨터 화면의 격자에서 영감을 받은 Geist Pixel로 이어졌습니다.

이번에는 패밀리에 새 식구인 Geist Serif를 더합니다.

Geist Serif는 Geist Sans, Geist Mono, Geist Pixel과 같은 기반 위에서 만든, 대비가 강한 디스플레이용 세리프 서체입니다. 톱니 모양의 가는 세리프와 날카로운 헤어라인이 특징이며, 실물 인쇄물은 물론 최신 기기의 고밀도 화면에서도 메시지를 힘 있게 전달하도록 그렸습니다.

같은 시스템, 새로운 목소리

Vercel에서는 Geist Sans가 제품 전반을 맡고 있습니다. 하지만 헤드라인에는 두 번째 목소리가 필요했습니다. 드롭다운 메뉴에서 아무렇게나 고른 낯선 서체가 아니라, 같은 시스템에 속한 서체여야 했습니다.

많은 테크 브랜드가 개성을 되찾으려고 깔끔한 산세리프에서 벗어나고 있고, 그중 상당수는 빈티지 컴퓨터 광고에서 단서를 얻습니다. Geist Serif는 다른 길을 택했습니다. 패션, 에디토리얼 디자인, 잡지 헤드라인 쪽입니다. Rolling Stone과 Harper's Bazaar를 만든 아티스트들에게 보내는 오마주입니다.

Geist 패밀리는 처음부터 서체 역사의 한 장을 하나씩 펼쳐 왔습니다. 스위스 디자인 운동, 초기 터미널과 DOS 컴퓨팅을 거쳐 이번에는 에디토리얼 인쇄입니다.

디스플레이용부터

Geist Serif는 Evil Rabbit의 스케치에서 출발했고, Andrés Briganti가 이를 발전시켰습니다. 첫 글자들부터 Victor Serif나 Stanley 같은 서체의 결을 닮은 표현력 있는 세리프였습니다.

Mark Davis가 드로잉을 이어받은 뒤, 우리는 전체 패밀리 작업을 계속하면서도 첫 릴리스는 헤드라인, 포스터 등 큰 크기에 쓰는 디스플레이 서체로 내기로 했습니다. 인쇄는 가는 헤어라인과 날카로운 세리프를 구현하기 어려웠지만, 요즘 디스플레이는 높은 수준의 디테일을 소화합니다. 새 서체가 최신 화면의 장점을 최대한 살리도록, 모든 내려긋기 획을 50% 가늘게 하고 사이드베어링을 좁혀 대비를 한계까지 끌어올렸습니다.

세리프는 한쪽은 쐐기 모양, 반대쪽은 곡선입니다. 비례는 고전적이어서 인쇄물에서도 아름답지만, 구조는 새롭고 디지털 기기에 맞게 최적화했습니다.

“오늘날에야 만들 수 있는 서체를 만들었습니다. 10년 전 화면에 맞추느라 투박해지지도, 물리적인 잉크 때문에 기계적으로 타협하지도 않았습니다. 세리프의 끝이 정확한 지점에 놓였을 뿐입니다. ”

Mark Davis WORDMARK 설립자 겸 폰트 디자이너

첫 프로토타입에서 오늘까지

Geist Serif의 첫 프로토타입은 2026년 4월 1일에 공유했습니다. 같은 단어 Geist를 당시 프로토타입과 오늘 출시하는 디스플레이 드로잉으로 나란히 비교해 보세요.

Geist에 이빨이 돋았다

목표는 처음 의도를 지키면서, 글자를 겹쳐 놓아도 세리프가 산세리프와 긴밀하게 이어지게 하는 것이었습니다. Geist Serif의 줄기는 Geist Sans와 같고, 두 서체는 너비와 자세도 공유합니다.

톱니 모양 세리프와 강한 대비 덕분에 Geist에 에디토리얼의 목소리가 생겼습니다. 글자를 하나하나 그리는 내내 한 문장이 계속 맴돌았습니다. "Geist에 이빨이 돋았다."

네 가지 패밀리, 하나의 x-height

Geist Serif는 Geist Sans와 캡 하이트, x-height가 같습니다. 그래서 어떤 Geist 레이아웃에든 줄 위치를 바꾸지 않고 그대로 넣을 수 있습니다. Sans, Mono, Pixel, Serif를 한 문장에 섞어도 모든 단어가 같은 크기로 보입니다.

네 가지 변형, 하나의 축

Geist Pixel처럼 Geist Serif에도 폰트 안의 모든 점 모양을 바꿔 주는 가변 축이 있습니다. i와 j의 점, 문장 부호의 점도 모두 해당합니다. 이 축은 Element Shape(ELSH)이며, 둥근 점의 Regular(기본값), Square, Triangle(Vercel 로고에 보내는 인사), Heart 네 가지 변형을 제공합니다.

각 변형은 별도의 정적 파일로도 제공합니다. 가변 폰트를 쓴다면 font-variation-settings로 변형을 고르세요.

손으로 빚은 디테일

7월에는 이 폰트의 글리프가 227개였습니다. 지금은 894개로 늘었고 라틴 문자 기반 352개 언어를 지원합니다. 자간을 맞추기 위해 52,000개가 넘는 커닝 페어도 하나하나 조정했습니다. 아주 작은 디테일도 있습니다. 예를 들어 g의 눈은 정확히 7° 기울어 있습니다.

한눈에 보는 사양

Geist Serif의 구성은 다음과 같습니다.

• 웨이트 1종(Regular)

• 변형 4종(Regular, Square, Triangle, Heart)

• 글리프 894개

• 스타일 세트 5개(ss01~ss05)

• 지원 언어 352개

시작하기

Geist Serif는 나머지 패밀리와 같은 패키지에 들어 있습니다.

npm i geist

export와 CSS 변수는 다음과 같습니다.

• GeistSerif(가변, 모든 모양): --font-geist-serif

• GeistSerifRegular: --font-geist-serif-regular

• GeistSerifSquare: --font-geist-serif-square

• GeistSerifTriangle: --font-geist-serif-triangle

• GeistSerifHeart: --font-geist-serif-heart

각각 별도의 진입점이 있어 실제로 쓰는 폰트 파일만 배포할 수 있습니다. 예를 들어 layout.tsx에서 GeistSerifRegular와 함께 쓰면 다음과 같습니다.

import { GeistSerifRegular } from 'geist/font/serif/regular'; 

export default function RootLayout({ children }) { 
  return ( 
      <html lang="en" className={GeistSerifRegular.variable}> 
           <body>{children}</body> 
     </html>
 ); 
}

vercel.com/font에서 폰트 파일을 내려받고, 모든 스타일 세트를 테스트하고, 글리프를 하나씩 살펴볼 수도 있습니다.

다음 계획

Regular가 처음 공개하는 스타일이고, 나머지 패밀리도 이미 작업 중입니다. 이번 버전을 만들면서 다음 버전도 함께 테스트하고 있으니, 이번 릴리스는 시작일 뿐입니다.

Thin부터 Black까지의 웨이트

가변 폰트는 Thin(100)부터 Black(900)까지 지원할 예정입니다. 이번 주 시안에서는 Black의 g가 좀처럼 눈을 뗄 수 없는 글자입니다.

텍스트용 서체를 향해

텍스트용 버전을 탐색하기 위해, 획이 만나는 지점을 포함해 획의 두께를 측정하고 디스플레이 윤곽선을 두껍게 만들어 주는 파운드리 도구를 직접 만들었습니다. 이 도구는 윤곽선을 직접 편집하므로, 실제 단어를 조판해 보면서 어떤 획에 무게를 더해야 하는지 확인할 수 있습니다.

규칙으로 쌓아 가는 이탤릭

전체를 Python으로 생성하는 이탤릭도 개발하고 있습니다. 기존 이탤릭의 기울기를 바로 세워 로만체와 비교했습니다. 기울기를 없애면 남은 차이가 뚜렷이 드러나는데, 이를 테스트하고 수정할 수 있는 규칙으로 정리했습니다. 이 이탤릭이 최종 버전은 아니지만, 코드로 글리프를 일부러 망가뜨려 보면 한계를 더 빨리 찾을 수 있습니다.

더 많은 문자와 Google Fonts

Geist Sans, Geist Mono와 맞춰 키릴 문자도 지원할 계획이며, Geist Serif는 출시 후 Google Fonts에도 올라갑니다.

하나의 패밀리

Geist Sans, Geist Mono, Geist Pixel, 그리고 이번 Geist Serif까지, 이 패밀리는 UI 텍스트와 코드부터 표현력 있는 디스플레이 서체까지 아우르며, 네 서체가 함께 있어도 자연스럽게 어우러집니다.

Geist Serif를 내려받고 지금 바로 시작해 보세요.

Geist Serif를 가능하게 해 주신 모든 분께 감사드립니다.

보이지 않는 곳에서 함께해 준 멋진 분들이 없었다면 이 모든 일은 불가능했을 것입니다.

이 여정을 저와 함께 시작하고, 모든 것의 토대가 된 첫 버전을 그려 준 Andrés Briganti에게 깊이 감사드립니다. 확장된 글리프 세트와 가변 축부터 마지막 커닝 페어까지, 집요한 장인정신으로 결승선까지 이끌어 준 Mark Davis에게도 감사드립니다. 포스터를 디자인한 Patrick McDonald와 Marijana Pavlinić, 모션과 놀라운 마법을 더해 준 Luis Gutierrez Rico, 패키지를 배포하고 랜딩 페이지를 아주 세세한 부분까지 다시 만든 Christopher Kindl, 그리고 조율과 기술 지원으로 모든 것을 하나로 묶어 준 Zahra Jabini에게도 고맙다는 말을 전합니다. 진정한 팀워크로 만든 결과물이며, 여러분과 함께할 수 있어 감사합니다.

참여자