🔮 코드로 조절하는 가변 폰트 Recursive Sans & Mono Recursive 폰트(https://www.recursive.design/)는 가변 폰트(variable font)로 미리 정의된 5가지 스타일 축의 수치를 변경하여 모노 스페이스 폰트, 코믹 산스 같은 캐주얼 폰트, 필기체 등을 만들거나 폰트 굵기, 기울기 등을 조절하여 스타일링 할 수 있도록 만든 폰트입니다. 석사 논문으로 시작된 이 프로젝트는 Google Font부터 커미션을 받아 오픈 소스 폰트로 정식 출시되었고, 웹사이트에서 테스트해보실 수 있습니다. 기존 가변 폰트들은 주로 굵기를 조절하는 식으로만 사용되어 왔는데, 저자는 이를 넘어 더 다양한 가능성이 있음을 말해주면서 왜 variable font가 중요한지에 관해 설명하고 원리와 사용 방법에 대해 안내합니다. 1️⃣ 왜 가변 폰트가 필요한가? 폰트 파일 크기를 효과적으로 압축시킴. 기본 폰트 하나를 두고 나머지 variation은 모두 코드로 처리되므로, 파일 크기를 현저하게 낮출 수 있음. 2️⃣ 어떤 원리로 이루어져 있는가? 벡터로 이루어진 글리프에 컨트롤 포인트들을 두고 수치에 따라 이를 옮기는 식. Casual 축의 경우 커브를 결정하는 변곡점을 코너에 얼마나 가깝게 두느냐에 따라 코믹산스 같은 모양이 되거나 전형적인 산세리프 글꼴이 될 수 있음. (https://videopress.com/v/90AkMOai) 타이포그래피에 Kinetic animation을 적용한 Dia studio(https://bit.ly/2CSJPSL)와 같은 작업을 코드를 통해 구현해보거나, 고객이 요구하는 커스텀 폰트에 일일이 대응해야 하는 SaaS 제품에 이런 variable font를 적용해보는 것은 어떨까요? 미래에는 더 다양한 스크린 사이즈가 나올 텐데 이런 유연한 폰트들이 좀 더 상용화가 되지 않을까요? 📪 피드백은 트위터 https://twitter.com/001xm