컨텐츠로 건너뛰기

워드프레스에서 웹폰트 사용하기

최근에 워드프레스 설치형을 사용하면서 베누시안님의 블로그에서 도움을 많이 받습니다. 오늘도 베누시안님의 블로그 글중 ‘나눔체 구글 웹폰트 사용하기’에서 도움을 받아 본문 글꼴을 나눔명조로 교체했습니다.

헤드 태그에 뭘 집어넣는게 번거로워서 저는 css편집기에 다음과 같은 내용을 추가했습니다.

@import “url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css)”;

body {
font-size: 65%;
font-family: ‘Nanum Myeongjo’, serif;
color: #333;
background-color: #d0d0d0;
}

이렇게 입력하고 저장하면 본문 폰트가 나눔명조로 바뀝니다.

자신이 바꾸고 싶은 폰트를 현재 테마의 css에서 찾아 css편집기에서 해당 글꼴만 변경시켜주면 테마의 css에 앞서 css 편집기에 정의해 놓은 글꼴이 보여지게 됩니다. 이게 좀 더 손쉬운 방법일듯 합니다. 초보자라면 제가 사용한 저 부분만 그냥 복사해 사용해도 되지 않을까 싶습니다.

3개의 댓글 댓글 게시
  1. 이 방법은 가입형에서도 css만 구매하면 적용이 가능할 듯 합니다.

    좋아요

    2012년 12월 12일
  2. 이거 지금도 되는거 맞나요? ㅜㅜ 아직 css구입을 안한 상태에서 맛보기로 적용 후 미리보기를 했는데 적용이 안되네요. @import 자체를 막아놓은듯한 느낌이 들어요…;;

    좋아요

    2013년 3월 19일
    • 가입형은 제가 확인을 해보질 못했구요, 설치형은 잘 되었습니다.

      좋아요

      2013년 3월 19일

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Google photo

Google의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

%s에 연결하는 중

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d 블로거가 이것을 좋아합니다: