요즘 픽셀 폰트가 그냥 복고 감성이 아닌 이유
1990년대 기기 화면 느낌을 현대 폰트 시스템으로 재해석한 픽셀 폰트 몇 가지를 소개한 글이다. 핵심은 예쁜 복고풍 글자 모양만이 아니라, 실제 제품에서 쓸 수 있게 기준선, 자간, 메타데이터, 세로 메트릭까지 챙기는지가 중요하다는 점이다.
- 1
Analog Mono는 1990년대 비디오 기기 화면에서 보던 픽셀 폰트의 낮은 기준선 문제를 고친 폰트다.
- 2
Coral Pixels는 예전 서브픽셀 렌더링의 색 번짐을 의도적인 시각 요소로 가져온 컬러 폰트다.
- 3
Two Slice는 높이가 2픽셀뿐인데도 어느 정도 읽히는 실험적인 폰트다.
- 4
Vercel의 Geist Pixel은 장식용 픽셀 폰트가 아니라 실제 제품 타이포그래피 시스템 안에서 쓰이도록 설계됐다는 점을 강조한다.
픽셀 폰트 얘기처럼 보이지만, 실제로는 제품 UI에서 폰트를 쓴다는 게 얼마나 많은 보이지 않는 엔지니어링을 요구하는지 보여주는 글이다. 레트로 감성도 프로덕션에 올리려면 기준선, 글리프, 메트릭 같은 지루한 디테일을 피할 수 없다.
관련 기사
타입스크립트 7.0, Go 네이티브 포팅으로 빌드가 8~12배 빨라졌다
마이크로소프트가 타입스크립트 7.0을 출시하면서 기존 자바스크립트 기반 구현을 Go로 네이티브 포팅했다. 전체 빌드는 평균 8~12배 빨라졌고, VS코드 빌드는 125.7초에서 10.6초로 줄었으며, 슬랙은 CI 타입 검사 시간을 7.5분에서 1.25분으로 낮췄다.
타입스크립트 7 공개, 고 포팅으로 빌드가 최대 10배 이상 빨라짐
마이크로소프트가 고(Go)로 네이티브 포팅한 타입스크립트 7을 공개했다. 전체 빌드는 보통 8~12배 빨라지고, VS 코드 코드베이스에서는 125.7초가 10.6초로 줄었으며, 편집기 첫 오류 표시도 17.5초에서 1.3초 미만으로 내려갔다.
“98% 지원”이 생각보다 별로 안 넉넉한 이유
브라우저 기능 지원률 98%는 얼핏 높아 보이지만, 실제 서비스에서는 2%의 사용자를 깨진 화면 앞에 세우는 숫자일 수 있다는 글이다. 특히 일반 통계와 내 서비스 방문자 분포는 다를 수 있고, 실제 사례로 어떤 사이트는 최신 중첩 CSS 기능 지원 브라우저가 방문자의 약 70%뿐이었다.
메타, AI가 읽고 쓰는 디자인 시스템 ‘Astryx’ 오픈소스로 공개
메타가 내부 디자인 시스템 Astryx를 오픈소스로 공개했다. React와 StyleX 기반의 150개 이상 접근성 지원 컴포넌트, 디자인 토큰, 테마, 템플릿, CLI를 제공하며, 특히 AI 에이전트가 컴포넌트 구조를 이해하고 UI를 생성·수정할 수 있도록 MCP 서버까지 포함한 점이 핵심이다.
shadcn/ui, 기본 컴포넌트 라이브러리를 Radix에서 Base UI로 변경
shadcn/ui가 새 프로젝트의 기본 컴포넌트 라이브러리를 Radix가 아니라 Base UI로 바꿨어. Radix 지원은 계속되지만, Base UI가 안정화됐고 주간 다운로드 600만 이상, shadcn/create 신규 프로젝트 선택 비율 2대1이라는 이유로 기본값을 바꾼 거야. 동시에 채팅 UI용 MessageScroller와 관련 컴포넌트, headless 패키지인 @shadcn/react도 공개됐어.
댓글
댓글
댓글을 불러오는 중...