[CSS] 구글 웹폰트 사용하기

구글 웹폰트는 이미 만들어진 다양한 웹폰트를 제공해준다.
모두 무료이며 어디서든 어떻게든 가져다 쓸수 있다.

https://fonts.google.com/

위 사이트는 영어 전용 웹폰트를 지원해주는 사이트이다.
500개 이상의 웹폰트가 존재하며, 역시나 무료이다.

하지만 한글이 들어간 웹폰트를 찾는다면
https://fonts.google.com/earlyaccess

이 사이트를 참고해서 들어가면 되겠다.

간단하게 2줄 코드가 있다.
본 고딕체로 설명을 하겠다.

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

위 소스는 css 파일 제일 위에, 아니면 <style> 시트의 제일 위에다가 넣어주면 된다.
그러면 웹폰트 사용 준비는 끝난 것이다.

그리고 원하는 태그에 font-family: 'Noto Sans KR'; 을 써주면 이제 웹폰트를 적용시킨 것이다.