학과사이트 cufon.js PART 1

cufon을 쓰면 text로 사이트를 구성하면서 이쁘게 할수도 있어 왜냐면 이미지처럼 보이니까
그리고 유지보수할때도, 이미지 수정할필요없이 텍스트만 수정하면 되니까 얼마나 편해..

그런데 한글은 너무 글자가 많아서 cufon 용량이 어마어마하게 커..
그래서 한글 글자중에 안쓰는 글자는 좀 줄여가지고 cufon.js 를 만들면 사이트 속도 좋아지자나..
그래서 우리가 쓸게 font creator 라는 프로그램인데 사용방법은 간단해..

-> 요렇게 생겼어.. 
font creator 실행시키고 아무 폰트나 ttf 파일을 여기로 열면 화면이 쫙 열려

 

아래 화면 보면 font 파일마다 용량이 다른게 보이지??

 

보다보면 안쓰는 제목으로 절대 쓰이지 않을 글씨들 '삡' "뿅' "꿱' 그런거는 지워버려서 용량을 줄이자구..
[주의 : 글씨 지우기전에 반드시 원본.ttf 파일을 복사해서 보관해야 함]

 
그런데 지우다 보면 실수로 필요한 글자를 지울때가 있어.. 아니면 사이트를 실행해보니, php나 html에는 들어있는데 cufon으로 안굴려지는 글씨들이 보여서 글씨가 증발되 버리는애들이 있어.. 그럴때는 글씨를 다시 추가해줘야대..
원본.ttf 랑 cufon.js 만들 ttf 두개 다 열어놓고, 아래처럼 add를 해서 원본.ttf에서 필요한 글자를 복사해서 넣어줘..
앞뒤 순서를 파악하면서, 번호에 맞게 add 해야대.. uniAC02 이런게 다 일련번호그등..

 

복사를 다 해놓고 js까지 만들었는데 그래두 글씨가 안나오는경우가 있어.. 그런경우는 복사는 했지만, 복사된 글자에 properties가 적용이 안돼서 그려..

1. general 에서 이름을 복사해서 입력해줘야해..

 


2. 원본.ttf의 글자 오른쪽 properties를 보면, maappings 에서 Value 값을 복사해서  Add 해줘..

 
--> 저장하면 준비완료