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

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

헤드 태그에 뭘 집어넣는게 번거로워서 저는 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 thoughts on “워드프레스에서 웹폰트 사용하기”

Add yours

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

Leave a Reply

워드프레스닷컴에서 웹사이트 또는 블로그 만들기 Theme: Baskerville 2 by Anders Noren.

Up ↑

正中龍德에서 더 알아보기

지금 구독하여 계속 읽고 전체 아카이브에 액세스하세요.

계속 읽기