구글 웹폰트 사용이 불가할 경우 직접 적용하는 방법

일반적으로 홈페이지를 제작할 경우 구글 웹 폰트를 사용하면 된다.

https://fonts.google.com/
https://fonts.google.com/earlyaccess

사이트에 들어가서 필요한 폰트를 선택하고
CSS 제일 상단에 @import url()을 쓴 다음, 폰트를 적용할 곳에 font-family를 써주면 된다.

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 


p{

font-family: ’Nanum Gothic’, serif; 

}

이렇게 구글 웹폰트는 손 쉽게 사용할 수 있지만
인터넷이 연결이 되지 않을 때나 단독적인 서버를 사용하는 경우(특히 보안상 이유로)
폰트를 따로 서버에 업로드해서 끌어다 사용해야한다.

그러기 위해서는
폰트파일 확장자 tff를 woff와 eot(ie8버전 이하 적용)으로 변환한 후, font폴더에 넣어서 css에 적용시키는 방법을 써야한다.


자세한 내용은 밑에 링크에서 확인하길! (티스토리 아직 익숙치가 않네....... )
확인하러가기