※ 이 팁은 이미 구글API를 이용하여 나눔고딕을 사용하는 분에게 해당됩니다.(나눔고딕외의 웹폰트도 상관없음)

에디터 작성화면에서 지정한 폰트로 나오지 않는 문제를 해결합니다.

0. 서론

요즘 웹에서 나눔고딕을 많이 사용합니다.

저 또한 그렇습니다.

웹사이트 기본 글꼴은 물론 게시글 본문까지,... 모든 폰트를 나눔고딕을 이용하고 있는데요.

사용을 하다보니 (몰랐지만) 나눔고딕이 설치되어 있지 않은 PC의 경우

에디터에서는 나눔고딕이 적용되지 않는 것을 확인하였습니다.

물론 작성 완료 후에는 정상적으로 적용이 되지요..

그래서 열심히 에디터를 뜯어봤습니다.(말은 거창하지만 그냥.. 훑어봤습니다.)

레이아웃에 기본적으로.. 구글 api 코드가 있지만..

반영이 안되길래

에디터 모듈 css에서 구글 api 코드를 추가해보기도 하고..

스킨에서도 추가해보기도 하고...

그리고 결국 성공했습니다.

구글 API 코드는........

1. 본문(Tip)

바로 스타일에서 적용해줘야 합니다.

보통 기본적으로 default 스타일을 사용하실 텐데..

경로가

xe/modules/editor/styles/default/editor.css

파일을 열어서

1번째줄 바로 밑에

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

이거 한 줄을 추가해주시구요...(나눔고딕입니다.)

XE 관리자 > 고급 > 에디터에서

본문 글꼴이 있는데

사용자 설정 부분에 아래와 같이 입력합니다.

Nanum Gothic,sans-serif

자 모든 설정은 끝났습니다.

이제  에디터를 이용하시면 됩니다.

정상적으로 설정이 완료되면 아래처럼 기본 글꼴이 나눔고딕이 적용됩니다.

2. 결과

마지막으로 나눔고딕이 설치되어 있지 않은 상태를 증명하는 스크린샷입니다.

나눔 고딕이 없어도 위와 같이 정상적으로 잘나오고 있지요.

3. 한줄요약

에디터 화면에서 원하는 웹폰트를 적용하려면 에디터 스타일에 적용해야 한다.