[js] 구글 웹폰트 로더

JavaScript

Google Fonts API에서 제공하는 것보다 글꼴 로드를 더욱 세밀하게 할 수 있다,, 고 하는 구글의 웹 글꼴 로더에 대한 간단한 사용법을 기록한다.

Web Font Loader 저장소 바로가기

head

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js"></script>
<script>
  WebFont.load({
    google: {
      families: ['Lato:400,700']
    },
    custom: {
      families: ['Spoqa Han Sans'],
      urls: ['http://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css']
    }
  });
</script>

Google에서 제공하는 폰트를 쓰려면 google object에 추가,
커스텀 폰트를 사용하려면 custom object에 샘플 코드처럼 추가하면 된다.

CSS

body { font-family: 'Lato', 'Spoqa Han Sans', sans-serif; }
GoogleLoaderwebfont
블로그
프로젝트
스터디
포트폴리오