[시작하기전] 베리어블 폰트(Variable Font)란

나도 이 프로젝트를 진행하기 전에는 몰랐던 개념이다. (미대생 친구는 앞으로 계속 미대생이라 부를 예정)

미대생이 자신의 졸전의 주제로 베리어블 폰트를 만들기로 결정하면서 알게 되었다.

원래도 폰트 쪽에 관심이 많던 친구였는데, 덕분에 상당히 재밌는 폰트의 종류를 다뤄볼 수 있었다.

 

 

나도 지금껏 열심히 사용만 해왔지 정확한 정의와 의미를 잘 모르기에 한번 정리해보도록 하겠다.

(찾아보니 국내에는 자료가 많이 없는 것 같다...ㅜㅜ)

 

 

---

[ Variable Font 란 ]

기존 사용해 왔던 폰트와는 다르게 하나의 폰트 파일에 다양한 스타일을 가지고 있어, 사용자가 직접 수치를 조정하여 

폰트의 다양한 스타일을 사용할 수 있는 폰트이다.

 

 

2016년도에 처음 소개 되었고, 그렇기에 역사가 굉장히 짧은 폰트이지만 구글, 애플, 어도비 그리고 MS까지 공동으로 참여하여 만들어졌기에 거의 모든 브라우저, OS에서 지원하고 있다. 

---

 

설명은 이정도로 짧게 하고 사용해보는 것이 가장 빠르고 직감적으로 이해할 수 있으니 직접 사용해 보는 것을 추천한다.

 

 

 

https://v-fonts.com/

Variable Fonts

 

https://scope-typeface.com/

Scope

 

 

 

<참고한 페이지>

https://brunch.co.kr/@minjoohamyzgc/6

배리어블 폰트

 

 

<개발할때 js 관련 도움 많이 받은 페이지>

https://css-irl.info/variable-font-animation-with-css-and-splitting-js/

Variable Font Animation with CSS and Splitting JS