컨텐츠로 건너뛰기
Advertisements

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

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

헤드 태그에 뭘 집어넣는게 번거로워서 저는 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 편집기에 정의해 놓은 글꼴이 보여지게 됩니다. 이게 좀 더 손쉬운 방법일듯 합니다. 초보자라면 제가 사용한 저 부분만 그냥 복사해 사용해도 되지 않을까 싶습니다.

Advertisements
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 블로거가 이것을 좋아합니다: