나아가는 길에 발자국을 찍어보자

우선 내가 만들 페이지에 원하는 폰트를 사용해야 했기 때문에 `@font-face`를 통해 웹 브라우저가 폰트를 다운 받게 해야했다. Syntax @font-face { font-family: ; src: [,]*; [font-weight: ]; [font-style: ]; } font 속성에서 사용할 폰트명을 지정한다. 다운받을 웹폰트가 있는 파일 위치를 나타내는 url 값을 지정하거나 local 컴퓨터에 설치된 폰트명을 `local("폰트명")` 형식으로 지정한다. 폰트 굵기의 값 (해당 프로젝트에선 사용 x) 폰트 스타일 값. [내 코드] @font-face { font-family: "NEWtro_T"; src: url("./font/newtrotfonttestGX.ttf"); } @font-fa..

나도 이 프로젝트를 진행하기 전에는 몰랐던 개념이다. (미대생 친구는 앞으로 계속 미대생이라 부를 예정) 미대생이 자신의 졸전의 주제로 베리어블 폰트를 만들기로 결정하면서 알게 되었다. 원래도 폰트 쪽에 관심이 많던 친구였는데, 덕분에 상당히 재밌는 폰트의 종류를 다뤄볼 수 있었다. 나도 지금껏 열심히 사용만 해왔지 정확한 정의와 의미를 잘 모르기에 한번 정리해보도록 하겠다. (찾아보니 국내에는 자료가 많이 없는 것 같다...ㅜㅜ) [ Variable Font 란 ] 기존 사용해 왔던 폰트와는 다르게 하나의 폰트 파일에 다양한 스타일을 가지고 있어, 사용자가 직접 수치를 조정하여 폰트의 다양한 스타일을 사용할 수 있는 폰트이다. 2016년도에 처음 소개 되었고, 그렇기에 역사가 굉장히 짧은 폰트이지만 구..