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>
댓글 15개
13년 전
추천!! ㅎㅎ
13년 전
추천!!!! ㅎㅎ 감사합니다.
13년 전
감사합니다. 강추!!
13년 전
추천..
13년 전
감사합니다.
혹시, 나눔고딕 굵게는 안되는지요??
혹시, 나눔고딕 굵게는 안되는지요??
Terrorboy
13년 전
h2{font-size:20pt;font-weight:bold}
13년 전
font-weight:bold 이 부분을 적용하나 안하나 똑같습니다.
http://api.mobilis.co.kr/webfonts/ <== 링크 3번째 아주굵게 부분처럼요.
http://api.mobilis.co.kr/webfonts/ <== 링크 3번째 아주굵게 부분처럼요.
Terrorboy
13년 전
제작 당시 굵기를 제외하고 만들었나봅니다....
13년 전
http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=27462
적용방법을 좀 더 자세히 설명하신 것 같습니다. 참고하셔서 같이 사용해보세요.
적용방법을 좀 더 자세히 설명하신 것 같습니다. 참고하셔서 같이 사용해보세요.
Terrorboy
13년 전
네 저글보고 만든것 같습니다 ㅎㅎ
13년 전
.js 파일을 다른 폴더에 넣으면 안나오는군요?
Terrorboy
13년 전
경로를 잘맞추면되요.
folksong
13년 전
나눔고딕을 Cufon용 js로 적용하였는데 한자가 지원 되지 않습니다. 아마도 한자가 포함되기 이전의 버전으로 js를 만든것인가봅니다. 한자가 포함된 버전으로 만든 js를 적용해야겠습니다.
Terrorboy
13년 전
아... 한자가 있었군요....
한자까지 변환하기는.... 시간이 걸리더군요 ㅜㅜ
한자까지 변환하기는.... 시간이 걸리더군요 ㅜㅜ
SMaker
13년 전
감사합니다ㅎㅎ
게시판 목록
그누4 팁자료실
그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.
나누면 즐거움이 커집니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 3169 | 12년 전 | 11450 | ||
| 3168 | 12년 전 | 8363 | ||
| 3167 | 12년 전 | 9524 | ||
| 3166 | 12년 전 | 8624 | ||
| 3165 | 12년 전 | 3853 | ||
| 3164 | 12년 전 | 5780 | ||
| 3163 | 12년 전 | 5485 | ||
| 3162 | 12년 전 | 7512 | ||
| 3161 |
다케미카코
|
12년 전 | 5658 | |
| 3160 | 12년 전 | 5981 | ||
| 3159 | 12년 전 | 5823 | ||
| 3158 | 12년 전 | 4215 | ||
| 3157 |
izabella
|
12년 전 | 8333 | |
| 3156 | 12년 전 | 6299 | ||
| 3155 | 12년 전 | 3783 | ||
| 3154 | 12년 전 | 8917 | ||
| 3153 | 12년 전 | 3598 | ||
| 3152 |
다케미카코
|
12년 전 | 6564 | |
| 3151 | 12년 전 | 5431 | ||
| 3150 |
 jsPark700 |
12년 전 | 4803 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기