웹 글꼴이 짐을 가볍게 쌌다.

요약

• W3C는 2010년 7월 27일 WOFF 1.0의 첫 공개 작업 초안을 냈다. 기존의 표 기반 글꼴을 웹용 파일에 담고 표를 압축하거나 별도 메타데이터를 실을 수 있었다. 2012년 12월 13일 WOFF 1.0 권고안이 나왔다.
• WOFF2의 첫 공개 초안은 2014년 5월 8일, 권고안은 2018년 3월 1일 나왔다. 글꼴 구조를 고려한 전처리와 Brotli 압축으로 같은 글꼴 정보를 더 효율적으로 실어 나르게 했다.

잡지의 머리글은 글자 한 획의 굵기와 글자 사이 간격으로 분위기를 만든다. 편집자가 고른 글꼴이 독자의 기기에 없으면 비슷한 글꼴이 대신 나타나고, 제목의 길이나 표정이 바뀐다. CSS @font-face는 특정 글꼴을 내려받도록 요청할 수 있었다. 그러나 요청만으로 배달이 끝나지는 않는다. 글꼴 제작자와 사이트와 브라우저가 같은 방식으로 이해할 수 있는 파일 포장이 필요했다.

W3C의 당시 WOFF 안내 문답은 이 간격을 설명했다. CSS가 글꼴을 문서에 연결하는 방법은 오래전부터 있었지만, 함께 쓸 수 있는 글꼴 형식에 대한 합의가 어려웠다. 브라우저 개발자, 활자 설계자, 글꼴 공급자, 웹 디자이너가 같은 물건을 주고받아야 했다. 모두가 똑같은 글자 모양을 좋아할 필요는 없었다. 골라 둔 모양이 독자에게 도착할 방법이면 됐다.

2010년 7월 27일 WOFF 1.0 첫 공개 작업 초안은 이미 만들어진 TrueType, OpenType, Open Font Format 계열의 표 기반 글꼴을 웹용 용기에 넣었다. 표 데이터는 압축할 수 있고, 메타데이터와 별도 데이터도 나눠 담을 수 있다. 브라우저는 받아서 풀고 페이지를 그린다. 글리프를 줄이거나 윤곽을 고치는 일은 포장 전에 원본 글꼴에 하는 별도의 작업이다.

따라서 누가 무엇을 결정하는지도 또렷해졌다. 글꼴 설계자가 자형을 만들고, 출판사가 머리글의 목소리를 고르고, WOFF가 완성된 글꼴을 운반한다. 선택적으로 붙는 메타데이터는 글꼴 정보나 사용 조건을 전할 수 있지만 보이는 획을 다시 그리지 않는다. 가방 이름표가 셔츠를 재단하지는 않는 법이다.

2012년 12월 13일 WOFF 1.0 권고안은 첫 가방을 정식 기준으로 만들었다. 받을 곳도 분명했다. @font-face로 연결한 글꼴은 그 문서에서 쓰이며 기기 전체에 설치돼 다른 앱까지 제공되는 글꼴이 아니다. 방 하나로 보낸 여행 가방을 건물 전체의 옷장에 풀어 놓는 일과 구분한 것이다.

공통 가방이 생긴 다음에도 네트워크에서 무게는 중요했다. 2014년 5월 8일 WOFF2 첫 공개 초안은 글꼴 자료의 구조에 맞춰 먼저 정리하고 Brotli로 압축했다. 자료 안의 반복을 더 잘 다뤄 전달할 크기를 줄이는 방식이었다. 화면의 글자를 가늘게 깎은 게 아니라, 그 글자에 관한 정보를 더 촘촘히 실었다.

2018년 3월 1일 WOFF 2.0 권고안은 이 방법을 정리하고 WOFF 1.0의 Flate 압축과 비교했다. 브라우저가 복원한 글꼴은 의도한 기능을 수행한다. 다만 표의 순서나 일부 변환 때문에 복원된 파일의 바이트가 입력 파일과 하나하나 같지는 않을 수 있다. 머리글이 잘 보이는지 확인하는 일과 두 파일의 지문이 같은지 따지는 일에는 서로 다른 기준이 필요하다.

WOFF2에서도 배달 주소는 그 글꼴을 연결한 웹 문서다. 출판사는 자기 페이지에 어울리는 활자를 선택하고, 브라우저는 그 문서를 위해 짐을 푼다. 다른 프로그램까지 새 글꼴을 얻게 만드는 기기 차원의 설치는 아니다. 이 한정된 역할 덕분에 웹 페이지의 개성과 배달 방식이 함께 정리됐다.

2010년과 2012년에는 함께 열 수 있는 가방을 만들었고, 2014년과 2018년에는 그 가방을 더 잘 채웠다. 독자가 머리글을 원래의 목소리로 읽을 수 있다면 포장은 자기 일을 끝낸 셈이다. 좋은 여행 가방은 도착한 뒤 사진에 굳이 나올 필요가 없다.