cufon (웹폰트) > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

cufon (웹폰트) 정보

cufon (웹폰트)

첨부파일

cufon.7z (1.1M) 283회 다운로드 2012-01-14 18:47:55

본문

이거 만든지도 꾀됬네요.
나눔체를 js로 바꾸어 웹폰트로 사용할수있게하였습니다.
 
 
첨부파일
7z - webfont - nanumB_400.font.js // 나눔 브러쉬
7z - webfont - nanumG_400.font.js // 나눔 고딕
7z - webfont - nanumM_400.font.js // 나눔 명조
7z - webfont - nanumP_400.font.js //  나눔 펜
7z - cufon-yui.js // cupon을 사용가능하게하는 js 
7z - font_data.txt // cufon 제작할때 썼던 한글코드
7z - index.html // 테스트 파일
7z - nanumAll.js // 나눔체 통합파일
 
 
 
사용방법
<script type="text/javascript" src="cufon-yui.js"></script> <-- cufon 을 사양할수 있게하는 js
<script type="text/javascript" src="nanumAll.js"></script> <-- 나눔체 통합 js
<script type="text/javascript">
Cufon.replace('h1', { fontFamily: 'nanumB' }); <-- 각각 지정
Cufon.replace('h2', { fontFamily: 'nanumG' });
Cufon.replace('h3', { fontFamily: 'nanumM' });
Cufon.replace('h4', { fontFamily: 'nanumP' });
</script>
<style>
h1{font-size:29pt;}
h2{font-size:20pt;}
h3{font-size:20pt;}
h4{font-size:29pt;}
</style>
<h1>나눔브러쉬A0</h1>
<h2>나눔고딕A0</h2>
<h3>나눔명조A0</h3>
<h4>나눔펜A0</h4>
추천
8

댓글 15개

http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=27462

적용방법을 좀 더 자세히 설명하신 것 같습니다. 참고하셔서 같이 사용해보세요.
나눔고딕을 Cufon용 js로 적용하였는데 한자가 지원 되지 않습니다. 아마도 한자가 포함되기 이전의 버전으로 js를 만든것인가봅니다. 한자가 포함된 버전으로 만든 js를 적용해야겠습니다.
전체 3,313 |RSS
그누4 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT