공 유되거나 판매하는 워드프레스의 테마는 거의 대부분 영어를 기본 언어로 합니다. 따라서 영어 사이트의 경우에는 별다른 변경 없이도 아름다운 사이트를 만들 수 있습니다. 하지만, 메뉴나 포스트를 한글로 만들면 웹브라우저의 기본 글꼴로 나와 보기 좋지 않은 경우가 많습니다.

예를 들어, 워드프레스의 기본 테마인 Twenty Eleven의 경우, 메뉴를 한글로 만들어 보면 다음과 같이 나옵니다. 영어 글꼴은 깔끔한데, 한글은 보기가 좀 그렇습니다.

한글 글꼴은 CSS 파일을 수정해서 설정할 수 있습니다. [Appearance > Editor]로 가서 style.css를 선택합니다.

만약 아래의 [Update File]이라는 버튼이 보이지 않으면 쓰기 권한이 없기 때문입니다. FTP로 접속해서 파일에 쓰기권한을 주면 됩니다.

힌글 폰트는 나눔고딕 웹폰트를 사용하도록 하겠습니다. 테마 정보 아래에 

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

를 넣습니다.

font-family를 찾아 ’Nanum Gothic’을 추가하거나, 스타일을 정해주면 됩니다. 예를 들어 style.css 제일 밑에

.menu {font-family: ‘Nanum Gothic’;}

를 추가하면 메뉴 글꼴이 아래처럼 바뀝니다.

이렇게 style.css의 내용을 바꾸는 것은 워드프레스가 아니라 CSS의 영역입니다. 만약 CSS를 알고 있다면 그 지식을 활용하여 글꼴을 바꾸면 됩니다. 만약 그렇지 않다면 font-family 뒤에 ‘Nanum Gothic’을 붙입니다. 예를 들어

blockquote {
  font-family: Georgia, “Bitstream Charter”, serif;
  font-style: italic;
  font-weight: normal;
  margin: 0 3em;
}

라는 코드가 있는데, 이를

blockquote {
  font-family: Georgia, “Bitstream Charter”, ‘Nanum Gothic’, serif;
  font-style: italic;
  font-weight: normal;
  margin: 0 3em;
}

처럼 만드는 것입니다. style.css 안에 있는 모든 font-family를 이처럼 바꾸면, 영어 글꼴은 유지한 채 한글 글꼴이 나눔고딕으로 나옵니다.

추천하기

Share →