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와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.
나누면 즐거움이 커집니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 3229 | 11년 전 | 4245 | ||
| 3228 |
평범한아빠
|
11년 전 | 9105 | |
| 3227 |
다케미카코
|
11년 전 | 5381 | |
| 3226 | 11년 전 | 10950 | ||
| 3225 | 11년 전 | 6114 | ||
| 3224 | 11년 전 | 7623 | ||
| 3223 |
다케미카코
|
11년 전 | 11668 | |
| 3222 | 11년 전 | 5184 | ||
| 3221 | 11년 전 | 5317 | ||
| 3220 | 11년 전 | 7094 | ||
| 3219 |
다케미카코
|
11년 전 | 4277 | |
| 3218 |
다케미카코
|
11년 전 | 4787 | |
| 3217 | 11년 전 | 4983 | ||
| 3216 |
다케미카코
|
11년 전 | 11453 | |
| 3215 | 11년 전 | 4875 | ||
| 3214 | 11년 전 | 7993 | ||
| 3213 | 12년 전 | 2659 | ||
| 3212 | 12년 전 | 5415 | ||
| 3211 | 12년 전 | 4828 | ||
| 3210 | 12년 전 | 10024 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기