맑은고딕과 나눔고딕 폰트 적용하는 방법

2010. 5. 9. 22:13
두 분이 동시에 맑은고딕과 나눔고딕을쓸 수 있으면 좋겠다는 문의를 주셨네요. 불행이도 윈도우즈 기본 폰트가 아니라면 웹폰트를 사용하는데 몇가지 번거러운 작업이 필요합니다.

다만 맑은고딕은 윈도우즈 비스타부터 마이크로소프트에서 기본폰트로 포함되기 시작했습니다. 글을 맑은고딕 폰트로 사용하시고자 한다면 style.css 편집에서 .entry 선택자에 font-family:  "Malgun Gothic";을 추가해주시면 됩니다. 다음과 같습니다.


.entry {
            ...
            font-family:  "Malgun Gothic", 돋움, verdana;
}


블로그 전체에 맑은고딕을 적용하고자 하신다면

body { }  안에  "Malgun Gothic"을 추가하시면 됩니다.

아직 윈도우즈XP 이용자가 아직은 월등히 많기에 맑은고딕을 개인적으로 PC에 설치하지 않은 사람들에게는 폰트가 적용되지 않습니다.

대안은 웹폰트입니다. 개인이 폰트를 설치하지 않아도 해당 사이트에 접속하면 웹폰트를 가장 먼저 다운로드 후 텍스트를 출력하게 되지요. 몇가지 번거럽다는 작업이란 해당 사이트에 맞게 웹폰트를 설정해줘야 한다는 것입니다. 즉 해당 사이트의 도메인에만 웹폰트가 적용됩니다. 맑은고딕이나 나눔고딕을 자신의 사이트에 맞게 웹폰트를 설정해야하는데, 자세한 내용은 웹폰트 만드는 방법을 참고해주세요. 어렵지 않습니다.

'Customize' 카테고리의 다른 글

폰트 색상 변경 방법  (0) 2010.06.15
관리자 로그인시 글 관리 메뉴가 출력  (0) 2010.05.09
가로 사이즈 수정하기  (0) 2010.05.09
구글 텍스트큐브의 차이  (0) 2010.05.09
Layout 만들기 #3  (0) 2010.05.09