CSS 구글웹폰트 나눔폰트 적용하기
페이지 정보
작성자
오원장
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 0건
조회 4,234회
작성일 14-09-06 23:15
본문
해당 폰트는 google webfonts의 테스트 단계에 해당되는 google webfont early access에서 찾을 수 있습니다.
나눔글꼴은 산돌커뮤니케이션(Sandoll Communications)과 폰트릭스(Fontrix)가 개발한 폰트이고, 네이버에서 배포하고 있는 무료 폰트입니다.
웹폰트 사용법은 쉬운 편이라 간단히 공유해 봅니다.
style.css 파일에 아래를 추가합니다.(원하는 폰트로)
5개의 css가 있으므로 필요하신 만큼 적용하면 되겠네요.
@ import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@ import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@ import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@ import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@ import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
폰트의 속성을 정의하고 싶은 부분에 해당 정의를 지정합니다.
나눔고딕(Nanum Gothic)
나눔고딕코딩(Nanum Gothic Coding)
나눔명조(Nanum Myeongjo)
나눔펜(Nanum Pen Script)
댓글목록
등록된 댓글이 없습니다.