[개인블로그] 8.배민 폰트 다운로드 받아 Vue.js 적용하기

우아한형제들에서 폰트 다운로드

https://www.woowahan.com/

우아한형제들

우아한 형제들 사이트

OS에 맞게끔 다운로드

728x90

다운로드하면 ttf 파일로 저장이 되는데, 해당 파일들을 프로젝트 특정경로에 위치 시킨다.

public/fonts/ ~.ttf

style에서 @font-face를 설정해주고 

실제 폰트 적용할 클래스에 font-family: 'font-face에서 적용한 font-family'를 적용해준다.

배민에서 다운로드 받은 도현체 가 적용됨을 확인할 수 있다!

반응형