웹폰트 깜빡 거리는 문제를 조금이나마 개선해보기 > 시즌3 팁 & 테크

요새 웹폰트를 많이들 사용하시는데요. 이럴때웹폰트가 로딩이 되기 전에 시스템폰트로 잠시 표시되면 보기가 좀 않좋죠.

아래 소스로 해당 현상을 좀 방지(?) 할수 있더라구요.^^

기본적인 사용방법은

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
<script>
  WebFont.load({
    custom: {
      families: ['NanumGothic']
    }
  });
</script>

families 에 사용하시는 웹폰트명을 적어주시면 됩니다.