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

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

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