맑은 고딕, 애플 SD 산돌고딕 Neo 폰트 사용 방법

웹폰트의 사용, 누누이 말씀을 드렸지만, 다시 또 얘기해봅니다. 탕비수다 이마고는 노토산스 웹폰트를 기본 웹폰트로 사용하고 있습니다. 그런데 기본 웹폰트가 싫다면 어떻게 해야 할까요? 스킨에서 제공하는 몇 가지 구글 웹폰트로 변경할 수 있습니다. 물론, CSS를 잘 아신다면 사용자 정의를 통해 제공하지 않는 웹폰트를 정의해 사용할 수도 있습니다. 그럼에도 마음에 드는 웹폰트가 없다면 어떻게 해야할까요?

간혹 세로 이미지를 사용할 때가 있습니다. 이는 인덱스 페이지에서 세로 이미지가 출력 시 어떤 모습인지 보여주기 위함입니다.

웹폰트를 사용하기 위해 구글 폰트 로더를 사용하고 있습니다. 즉, 이것을 없애면 두루 쓰이는 맑은 고딕 또는 애플 SD 산돌고딕 Neo 폰트를 사용할 수 있게 됩니다. 여기서 두루 쓰인다는 말의 의미는 PC에 기본으로 설치된 폰트를 의미합니다. 모바일기기의 경우에는 사용자가 지정한 폰트로 보입니다.

구글 폰트 로더를 제거하는 방법은 단순합니다. HTML에서 해당 정의를 찾아 삭제하면 됩니다. ‘Google WebFont’로 찾으면 쉽게 찾을 수 있습니다. 아래와 같은 정의를 찾아 삭제 후 저장하면 웹폰트 사용을 중단할 수 있습니다.

<!-- Google WebFont -->
<script type="text/javascript">
  WebFontConfig = {
    // For google fonts
    google: {
      families: [ 'Lato:400,700:latin' ]
    },
    // For early access or custom font
    custom: {
      families: [ 'Tang Bisuda WebFont' ],
      urls: [ './images/photobit.tangbisuda.font.notosanskr.css' ]
    }
  };

 (function(d) {
    var wf = d.createElement('script'), s = d.scripts[0];
    wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';
    s.parentNode.insertBefore(wf, s);
 })(document);
</script>

구글 폰트 로더를 제거 후 CSS에서 아래 내용(01. Document Setup)을 입력해주세요. 스킨은 이제 맑은 고딕 또는 애플 SD 산돌고딕 Neo 폰트로 지정됩니다.

body, button, input, textarea, code, pre { font-family: "맑은 고딕", "Malgun Gothic", "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", sans-serif }


신고

롤랑존

이미지를 활용해 다양한 기능을 제공하는 티스토리 반응형 스킨

    이미지 맵

    문서 다른 글

    댓글 0

    *

    *

    이전 글

    다음 글