워드프레스 테마에서 한글 출력이 안될 때 해결 방법

워드프레스 테마에서 입력한 한글이 출력이 안되고 영문만 출력이 된다면 아마도 자바스크립트를 이용해서 글꼴을 출력하는 Cufon이나 Typeface가 원인인 경우가 대부분입니다.

워드프레스 테마에서 한글 출력이 안될 때

웹 상에서 글꼴을 표현하는 방법은 여러가지가 있는데, 그 중에서 cufon이나 typeface는 웹폰트를 자바스크립트로 변환해서, 특정 태그 사이에 있는 텍스트를 자동으로, 자바스크립트로 변환한 웹폰트의 글꼴로 바꿔주는 역할을 합니다. 만약 그 태그 사이에 한글을 입력하면 한글은 아예 출력이 안나타나게 됩니다.

자신의 홈페이지의 실제 웹 페이지(관리자 페이지가 아닌) 상에서 마우스 오른쪽 버튼을 클릭한 후에 ‘소스보기’ 메뉴를 클릭하면 head 부분에 아래와 같이 cufon-yui.js가 들어간 자바스크립트 태그가 있으면 cufon을 사용한 경우 입니다.

<script src="cufon-yui.js" type="text/javascript"></script>

아래와 같이 typeface-0.15.js가 들어간 자바스크립트 태그가 있으면 typeface를 사용한 경우입니다.(0.15는 버전으로 다른 숫자로 되어 있을 수도 있습니다.)

<script src="typeface-0.15.js"></script>

위와 같은 경우에는 워드프레스 관리자 페이지의 ‘Appearance>Editor’ 메뉴를 클릭해서 header.php 파일에 있는 cufon 이나 typeface 단어가 들어간 자바스크립트 태그들을 지우면 됩니다.

cufon의 경우는 아래와 같은 코드들을 header.php 에서 지우면 됩니다. 두 번째 줄에 있는 Vegur_300.font.js는 cufon이 Vogur라는 폰트 파일을 js 파일로 생성한 것으로, 폰트_숫자.font.js 형식으로 된 파일이라면 Cufon 파일이라고 생각하시면 됩니다.

<script src="cufon-yui.js" type="text/javascript"></script>
<script src="Vegur_300.font.js" type="text/javascript"></script>
<script type="text/javascript">
			Cufon.replace('h1');
		</script>

Typeface가 사용된 경우도 아래와 같이 header.php 파일에 typeface가 들어간 자바스크립트 태그들을 지우면 됩니다.

<script src="typeface-0.15.js"></script>
<script src="helvetiker_regular.typeface.js"></script>

위 코드들을 지우고 한글 출력이 되면 이쁜 글꼴을 사용할 수 없게 되어서 style.css 에서 다시 영어와 한글 글꼴들을 스타일링 해줘야 될 겁니다.

카테고리의 다른 글 목록