나눔 고딕 웹 폰트 적용 하 기 . - 웹 마스터 팁 - XpressEngine 
 나눔 고딕 웹 폰트 적용 하 기 . 
 2011 . 12 . 15 22 : 42 
 웹 폰트 란 웹 제작자 가 의도 한 글꼴 을 사용 자 브라우저 화면 에 그대로 표시 하 기 위해 사용 하 는 웹 용 글꼴 을 말 합니다 . 로컬 PC 에 미려 한 글꼴 이 없 는 경우 브라우저 는 웹 서버 에서 즉시 제작자 가 올려둔 글꼴 을 내려 받 아 사용 자 에게 표시 하 는 것 이 죠 . 예쁘 지만 사용 자 도 모르 는 사이 에 웹 서버 에 있 는 글꼴 을 내려 받 아야 하 기 때문 에 성능 과 타협 해야 합니다 . 느린 웹 사이트 에 는 권장 하 지 않 습니다 . 
 나눔 고딕 웹 폰트 를 사용 하 려면 일단 나눔 고딕 글꼴 이 여러분 의 웹 서버 에 올라가 있 어야 합니다 . 아래 제공 하 는 파일 가운데 woff 포 멧 과 eot 포 멧 을 내려 받 아 서버 에 올려 놓 으세요 . woff ( Web Open Font Format ) 포 멧 은 W 3 C 권고 표준 이 고 파이어폭스 , 사파리 , 오페라 , 크롬 , IE 9 브라우저 가 지원 하 고 있 지만 IE 6 ~ 8 브라우저 가 지원 하 지 않 습니다 . 한편 IE 6 ~ 8 브라우저 는 eot ( Embeded Open Type ) 포 멧 만 을 지원 하 고 다른 브라우저 들 은 eot 포 멧 을 지원 하 지 않 죠 . 그래서 브라우저 호환 성 을 확보 하 려면 woff , eot 포 멧 이 모두 필요 합니다 . 
 NanumGothic . ttf ( 2 . 23 MB ) / / 이것 도 웹 폰트 로 사용 은 할 수 있 어요 . 하지만 너무 무겁 죠 ? 다운 받 지 마세요 . 비추 . 
 CSS 파일 에서 다음 과 같이 @ font - face 선언 을 합니다 . font - family 이름 을 사용 자 정의 하 고 글꼴 의 경로 url ( ...) 을 바르 게 작성 합니다 . 글꼴 경로 는 CSS 문서 가 글꼴 파일 을 바라보 는 관점 에서 경로 를 작성 하 면 됩니다 . 아래 는 CSS 파일 과 글꼴 이 같 은 디렉 토리 에 있 는 상황 이 라 간주 하 고 경로 를 작성 한 겁니다 . 
 그 다음 어떤 요소 에 글꼴 을 적용 할 것 인지 선언 해야 합니다 . body , input , textarea , select , button 이런 요소 에 두루 글꼴 을 적용 할께요 . body 에 만 적용 하 면 table , input , textarea , select , button 요소 에 글꼴 상속 이 안 되 서 전부 줄줄이 적 은 겁니다 . 
 NanumGothic 이 라는 글꼴 을 앞쪽 에 선언 하 면 사용 자 로컬 PC 에서 NanumGothic 글꼴 이 이미 설치 되 어 있 는지 확인 해 보 고 이미 설치 된 것 으로 확인 되 면 woff , eot 포 멧 글꼴 은 아예 다운로드 하 지 않 고 시스템 글꼴 로 등록 된 NanumGothic 을 사용 해서 글꼴 을 렌더링 합니다 . 만약 NanumGothic 글꼴 이 로컬 PC 에 없 는 경우 woff , eot 글꼴 을 내려 받 기 해서 렌더링 합니다 . 
 뭐 별거 없 죠 ? ^^ 
 사람 과 사람 사이 의 접점 을 설계 합니다 . 
 2011 . 12 . 16 01 : 34 
 오 호 . ... 애드온 형식 으로 만들 어도 되 겠 죠 ? ? 
 순수 의 시절 
 2011 . 12 . 16 10 : 00 
 NanumGothic _ eot 요놈 다운로드 가 안 됩니다 . 
 왜 만지 냐 
 2011 . 12 . 16 11 : 09 
 NanumGothic . woff [ File Size : 982 . 6 KB / Download : 1 , 773 ] 
 NanumGothic . eot [ File Size : 745 . 6 KB / Download : 1 , 720 ] 
 2011 . 12 . 16 15 : 16 
 2011 . 12 . 17 00 : 05 
 이 애드온 이 비슷 한 방식 아닌가요 ? 
 다른 방식 입니다 링크 주 신 건 js 로 글자 를 덮 어 씌 어서 폰트 처럼 보이 게 하 는 거 고 
 정찬명 님 이 알려 주 신 방법 은 폰트 파일 을 서버 에 업로드 해 폰트 가 없 는 유저 에게 다운 받 게 하 여 적용 시키 는 방법 입니다 . 
 둘 다 장단점 이 있 으니 그건 알 아서 . .^^ 
 2013 . 05 . 02 13 : 38 
 웹 서버 에 올린다는 말 이 무슨 말 인가요 ? 
 홈페이지 파일 이 있 는 곳 에 FTP 로 해당 파일 을 업로드 하 라는 얘기 입니다 . 구글 에서 제공 하 는 나눔 고딕 웹 폰트 방식 이 저 한테 는 좀 편리 하 더군요 . 
 http : / / www . onumedia . co . kr / 2012 / 10 / 구글 - 웹 폰트 - 나눔 고딕 - 사이트 에 - 적용 하 기 / 
 위 에서 말씀 하 신 css 파일 은 어디 에 있 는 앤 가요 ? css 파일 이 만약 에 a 라는 폴더 에 있 다면 위 의 woff 파일 과 eot 파일 도 같 은 a 폴더 안 에 업로드 하 면 되 는 건가요 ? 
 ㅠㅠ . . 무지 해서 죄송 합니다 . . 
 글꼴 을 업로드 할 위치 , 
 적용 해야 되 는 CSS 파일 의 위치 
 위 의 두 가지 를 자세히 써 주 셨 더라면 초보 자 도 쉽 게 적용 할 텐데 아쉬움 이 있 네요 . ..