cufon (웹폰트) 정보
cufon (웹폰트)첨부파일
본문
이거 만든지도 꾀됬네요.
나눔체를 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>
<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
8
댓글 15개
추천!! ㅎㅎ
추천!!!! ㅎㅎ 감사합니다.
감사합니다. 강추!!
추천..
감사합니다.
혹시, 나눔고딕 굵게는 안되는지요??
혹시, 나눔고딕 굵게는 안되는지요??
h2{font-size:20pt;font-weight:bold}
font-weight:bold 이 부분을 적용하나 안하나 똑같습니다.
http://api.mobilis.co.kr/webfonts/ <== 링크 3번째 아주굵게 부분처럼요.
http://api.mobilis.co.kr/webfonts/ <== 링크 3번째 아주굵게 부분처럼요.
제작 당시 굵기를 제외하고 만들었나봅니다....
http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=27462
적용방법을 좀 더 자세히 설명하신 것 같습니다. 참고하셔서 같이 사용해보세요.
적용방법을 좀 더 자세히 설명하신 것 같습니다. 참고하셔서 같이 사용해보세요.
네 저글보고 만든것 같습니다 ㅎㅎ
.js 파일을 다른 폴더에 넣으면 안나오는군요?
경로를 잘맞추면되요.
나눔고딕을 Cufon용 js로 적용하였는데 한자가 지원 되지 않습니다. 아마도 한자가 포함되기 이전의 버전으로 js를 만든것인가봅니다. 한자가 포함된 버전으로 만든 js를 적용해야겠습니다.
아... 한자가 있었군요....
한자까지 변환하기는.... 시간이 걸리더군요 ㅜㅜ
한자까지 변환하기는.... 시간이 걸리더군요 ㅜㅜ
감사합니다ㅎㅎ