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

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

그누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를 적용해야겠습니다.
전체 15 |RSS
그누4 팁자료실 내용 검색
  • 개별 목록 구성 번호 제목 작성자 작성일 추천 조회
  • 게시물이 없습니다.

회원로그인

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