사이트에 나눔체 웹폰트 빠르게 로딩하기
아미나 베이직은 Roboto 폰트를 사용하는데, 그 외에도 가독성이 좋은 폰트들이 많이 있습니다.
그 중 대표적인 폰트가 나눔고딕체인데요, 이 폰트는 구글 폰트에도 등록이 되어 있지요.
다만 구글 폰트는 서버가 해외에 있어 로딩이 느립니다.
직접 호스팅 계정에 폰트를 등록하는 방법도 있지만 폰트 용량이 꽤 나가는 관계로 트래픽양도 무시할 수 없고요.
jsdelivr 라는 사이트가 있습니다. 주로 개발소스들을 등록하는 곳인데, CDN 서비스를 제공하면서 국내에 서버가 있기 때문에 속도가 상당히 빠른 곳 중에 하나입니다. 이 곳에 XE포럼의 AJKJ님이 나눔고딕체를 모두 등록해 주셨네요.
나눔고딕 : //cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css
나눔바른고딕 : //cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css
나눔고딕(코딩) : //cdn.jsdelivr.net/font-nanum/1.0/nanumgothiccoding/nanumgothiccoding.css
나눔명조 //cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css
나눔펜(손글씨) //cdn.jsdelivr.net/font-nanum/1.0/nanumpenscript/nanumpenscript.css
나눔브러시(손글씨) : //cdn.jsdelivr.net/font-nanum/1.0/nanumbrushscript/nanumbrushscript.css
참고로 사용방법은 CSS 파일 상단에
1 | @import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css); |
로 적어주시고 폰트 패밀리에서 해당 이름을 바꾸어 주시면 됩니다.
1 | font-family: 'Nanum Gothic', sans-serif; |
사용법은 구글 폰트 사용법과 동일하니 링크 2를 참조하시길 바랍니다.