웹폰트 사용하기

가이드/tokii in folio2017.08.25 17:58

웹폰트 사용하기

웹폰트를 사용하여 자신의 블로그에 글꼴을 설정할 수 있습니다.


본고딕

본고딕 서체는 Google과 Adobe가 합작하여 만든 서체로 3년의 개발기간을 거친 서체입니다. 한글 폰트의 경우 산돌커뮤니케이션에서 담당하였습니다.

더보기


스포카 한 산스

스포카 한 산스 글씨체는 Google과 Adobe의 서체인 본고딕을 커스텀한 글꼴로 적은 용량과 국문의 가시성을 보완한 서체입니다.

더보기


나눔고딕

나눔고딕은 네이버에서 제작한 글꼴로 글자의 끝을 둥글게 처리하여 친근하고 부드렁누 네이버만의 폰트입니다.

더보기


나눔바른고딕

나눔바른고딕은 네이버에서 제작한 정통 고딕 글꼴로 데스크탑 환경 뿐만아니라 모바일환경에서도 또렷하게 보이는 글꼴입니다.

더보기


나눔스퀘어

나눔스퀘어는 네이버에서 제작한 글꼴로, 제목에 어울리는 글꼴입니다.

더보기


메인페이지에 웹폰트 적용시키기

  • 반응형 메인페이지의 경우 !important를 사용하여 body에 글씨체 설정을 통해 글씨체 설정이 적용되지 않습니다.
  • 아래 코드를 복사하여 붙여넣고 하이라이팅된 부분을 설정하고자 하는 웹폰트 글씨체로 변경해주세요.
    /* webfont > 메인 페이지 */
    .index > .article .details > header > h3,
    .index > .article .details > header > h3 a,
    .index > .article .details > .summary,
    .index > .article .details > footer,
    .index > .article .details > footer .item,
    .index > .article .details > footer .item a,
    #tt-body-index #ttCanvas .tt-item .tt-item-title {
      font-family: 'Nanum Gothic', roboto, san-serif;
    }
    

참고사항

  • 웹폰트는 블로그 로딩 속도에 영향을 끼칠 수 있습니다. 이에 참고해주시기 바랍니다.
  • 위의 웹폰트 외에도 다른 웹폰트 또한 적용이 가능합니다.
신고

작성자

Posted by 9월 'ㅅ')/

태그

관련 글

네이버톡톡

네이버 톡톡

댓글 영역

티스토리 툴바