블로그나, 직접 웹사이트를 제작할때 다른 폰트를 사용하고 싶은경우가 있습니다. 기본 굴림체를 진짜 극혐하는 사람들이 존재하죠. 저도 마찬가지입니다. 내가 가지고 있는 폰트를 가지고 웹페이지를 만든다 한들, 그것을 보는 사람들이 폰트가 없다면, 다른 폰트로 대체될 수밖에 없죠. 다른 방법으론 그 폰트 자체를 같이 파일목록에 업로드하는 것이겠지만. 일반 블로거나 개발자에겐 그 폰트 용량 때문에 트래픽이 문제가 될 수 있습니다. 그래서 대안은, 웹페이지를 보는사람이 그 페이지에서 사용되는 폰트를 다른 서버에서 자동으로 다운받아지게끔 하는것입니다. 가장 잘 되어있는 것이 바로 구글 폰트죠.
구글 폰트에 가보시면, 상업적으로 이요해도 되는 무료 라이센스 폰트들이 등록되어있습니다.
우선 여기서 마음에 드는 폰트를 찾아봅시다.
저는 나눔고딕을 선택했고. 우측의 Select this font 를 누르신후
아래에 검은색 알림창이 뜹니다 .그것을 눌러 올려 보시면.
표시한 두가지를 기억하시고 복붙하시면됩니다.
1 2 3 4 | <head> <link href="https://fonts.googleapis.com/css?family=Nanum+Gothic" rel="stylesheet"> ... </head> | cs |
하나는 <head> 태그 사이에 넣으시면 자동으로 사용자가 웹사이트를 방문했을때, 해당 폰트를 임시로 받아서 볼 수 있 게 됩니다.
1 2 3 | body{ font-family: 'Nanum Gothic', sans-serif; } | cs |
그리고 CSS 설정으로는 위와 같이 구글폰트에서 알려준것처럼 그대로 입력하시면 적용 됩니다.