포럼
웹폰트 변환할 때 이거 좋네요. Trans Type 4, FontForge
2014.02.22 15:45
요즘 한참 웹폰트를 잘 써보려고 애쓰고 있는 한 사람입니다.
나눔바른고딕을 웹폰트로 써보려고도 하고 다른 유료 폰트도 그냥 테스트를 해보려고 하는데 웹폰트 변환이 잘 안되더군요.
그래서 그동안 타이포링크도 써보고 구글웹폰트도 써보았지만 타이포링크는 제약도 많고 구글 웹폰트는 원하는 폰트가 별로 없고.
결국 웹폰트를 직접 변환해서 올려서 사용해보자고 마음을 먹었습니다.
어떤게 좋을까 검색을 하다가 Kopub돋움이 있더군요.
저작권에 문제가 있는지 검색을 좀 해보니 개인이나 비영리는 전혀 문제가 없고 상업용도 그냥 알리기만 하면 된다고 해서 이걸로 결정했습니다.
http://www.bloter.net/archives/176482
위의 링크가 저작권 관련해서 글이 올라온거구요. 관심있으신분은 확인해보세요.
이제 만들어보자하고 시작을 했습니다.
하지만 한글폰트라 용량이 커서 외국의 웹폰트 변환사이트에서는 안되더군요.
그래서 구글링을 하다가 제가 맥을 쓰니 맥용으로 검색을 해보았습니다.
그러다가 찾은녀석이 Trans Type 4입니다.
http://www.fontlab.com/font-converter/transtype/
가격이 좀 비싸네요. 97불이라는데요.
어떤지 일단 써보자 생각을해서 Trial 7일짜리 다운받아서 설치하고 사용을 해보았습니다.
사용한 결과물은 너무 만족스러웠습니다.
폰트가 잘나왔으면 하는 바램에 일부러 OTF를 사용했구요.
그런데 또 문제가 생겼습니다.
웹폰트가 용량이 너무 큰겁니다.
이런 어쩌지? 그러면서 또 검색...
그리고 찾은게 Fontforge 였습니다.
http://sourceforge.net/projects/fontforge/files/fontforge-executables/
맥용은 설치가 안되더군요(매버릭스에서). 결국 VM에서 윈도우 실행해서 설치하고 TTF를 불러왔는데 너무 복잡합니다.
OTF를 불러왔더니 TTF보다 간단하게 나오더군요.
폰트 불러와서 필요없는 한글고어들 다 지우고, 러시아어를 지웠습니다.
그리고 저장할때 Verification을 체크한채 폰트생성하니 오류나면서 안됩니다.
지우면 안되는걸 지웠는지... 여러번 계속 테스트하다가 안되서 검사하는거 체크 해제하고 폰트생성하니 잘 됩니다.
그러자 폰트 용량이 2.1메가에서 1.5로 줄었습니다.
아~~ 더 줄여야 하는데...
한자를 잘 안쓰니 이것도 지워보자 하고 지웠습니다.
한자를 다 지우니 용량이 335kb로 확 줄었습니다.
됬다~!! 이제 변환해보자하고 외국 폰트변환 사이트에 가서 변환해봤습니다.
그런데 안됩니다.ㅡㅡ;; 오류가 계속 뜨구요.
그래 받아놓은 Trans Type 4로 해보자 해서 그걸로 변환을 했습니다.
오른쪽에 폰트 모양 확인도 가능합니다.
오른쪽 위의 실행버튼 옆에서 옵션으로 웹폰트를 설정하고 실행버튼을 누르니 진행이 됩니다.
결과는 성공~!!!
성공적으로 변환을 하니 웹폰트 파일들이 생성이 되었습니다.
변환된 파일중에 html파일도 있는데 실행해보니 웹폰트가 잘 나오는게 확인이 되었습니다.
html파일은 필요없으니 지우고 사용하기 편하게 파일명과 CSS를 수정하고요.
아래와 같이 정리가 되었습니다.
이제 실제로 적용해보자고 서버에 올려봅니다.
그리고 적용을 해봤습니다.
두둥~~!!!!
와~! 잘되는겁니다.
그리고 윈도우에서 익스플로러로 실행해봤습니다.
타이포링크는 윈도우에서 됬다 안됬다 하더니 새로 만들어서 서버에 올린 녀석은 윈도우에서도 잘 나옵니다...
이 폰트를 적용한 사이트는 http://worshipleader.kr/ 입니다.
원래 타이포링크에서 Rix고딕을 매달 돈주고 사용했었거든요. 바뀌고 나서 사이트 느낌은 크게 차이가 없습니다.
폰트릭스에서 만든 폰트라서 Rix고딕이랑 비슷하네요.
이제 타이포링크에 돈주고 사용안해도되고... 다음주에 한국출판인회의에 사용한다고 알리고 사이트에 폰트 사용했다고 제일 아래 명시만 하면 되겠네요.
너무 기쁜맘에 Trans Type 웹폰트 변환과 관련해서 네이버랑 구글에 한글자료 검색해도 전혀 안나오더군요.
사용하시는분이 거의 없는것 같고 좋은 정보일것 같아서 이렇게 공유해봅니다.
폰트용량도 작아지고 웹폰트 잘 표현되고... 너무 만족합니다.
깔끔하구요. 좋네요.
폰트는 http://www.kopus.org/Biz/electronic/Font.aspx 여기에서 다운가능합니다.
다들 좋은 사이트 만드시는데 도움이 되었으면 하는 바램에 이렇게 끄적끄적 써봅니다.
근데 질문이 하나 생깁니다.
분명히 Fontforge에서 한자들을 다 제거했는데요. 근데 웹포트 적용한 사이트에서 한자가 나옵니다.
왜 그런걸까요? 혹시 왜 그런지 아시는 분 있으시면 좀 알려주세요.
한자가 용량을 정말 많이 차지하거든요... 그래서 지운건데 나오니... 앞으로 지워도 되는건가? 하는 생각이 들어서요.
댓글 14
-
ForHanbi
2014.02.22 16:24
-
GGobugi
2014.02.22 17:11
감사합니다.
그런데 보기만 좀 그렇지 코딩은 완전 엉망입니다. 지금 CSS정리중입니다.
반응형웹으로 제작하느라 마구마구 여기저기 참조하고 코딩을 해서요.ㅡㅡ;
-
영흥도우럭
2014.02.22 16:39
아...사이트 정말 깔끔하네요 ^^
-
GGobugi
2014.02.22 17:17
감사합니다.^^
-
LI-NA
2014.02.22 20:46
와... 사이트 디자인이 배경과 조화가 완벽하네요...
배경 선택 정말 잘 하신 것 같습니다.
그리고 웹폰트.... 정말 좋은데 사용하기 어렵죠 ㅠㅜ
저는 Google Webfont나 이미 컨버팅해둔 웹 폰트를 주로 사용하네요.
최적화도 잘 되어있어서 말이죠...
-
GGobugi
2014.02.23 16:46
저도 최적화때문에 구글폰트들을 썼었는데요... 어쩌다 아예 안뜰때가 있어서...
윈도우에서 특히 그렇던데 저만 그런지...ㅡㅡ;;
이제 웹폰트에 익숙해져서 사용하니 좋습니다.
맥에서는 아주 예쁘게 잘 나오는데 아직 윈도우에서는 맥보다는 좀 질이 떨어지는건 사실입니다.
사이트배경은 해외 무료 패턴사이트에서 받은건데 개인적으로 좋아해서 제가 작업하는 사이트에서 많이 사용한답니다.
-
socialskyo
2014.02.23 13:01
최종 용량 줄인 버전의 폰트와 css 를 올려주시면 안될까요? 각자 폰트를 추출한다 해도 결과물은 같을 거 같은데...
그럼 저와 같은 초보도 xe 적용만 하면 되니 훨씬 따라하기 수월해질 것 같습니다. 감사합니다. ^^
-
GGobugi
2014.02.23 16:44
저작권은 개인이나 비영리단체는 그냥 사용해도 된다고 되어있는데 변환한거 여기에 올리는건 어쩔란지 모르겠네요.
혹시 문제가 안된다면 공유하도록 하겠습니다.
조금만 더 머리를 쓰시면 제가 테스트로 올렸다는 사이트에서 빼가실수도...ㅎㅎ
그냥 메일주소 주세요...
-
socialskyo
2014.02.23 18:24
네. 쪽지 보내드렸습니다.^^ 감사합니다.
-
socialskyo
2014.02.23 18:56
잘 받았습니다. 감사합니다.
-
꼬부기
2014.02.24 20:35
사용하실때 꼭 한국출판인회의에 사용한다고 연락해보시기 바랍니다.
저는 지금 미국 출장나와있어서 연락을 못하고 있는데요...
전화해도 사용하라고는 할 것 같은데요. 사용한다고 신고해놓으시면 저작권 걱정없이 사용하실겁니다.
-
마음의빈자리
2014.02.23 15:25
근데 웹폰트가 처음에 접속시 안뜨고 새로고침해야 그제서야 뜰때도 있고 잘 뜰때고 있고 해서 우후죽순,..
사용하기가....... ㅠ,.ㅠ
특히 구글에서 땡겨오는 폰트들이 더더욱 그러데요,..
-
GGobugi
2014.02.23 16:42
웹폰트의 특성상 처음에 불러올때 용량 때문에 조금 시간이 걸립니다.
이건 어쩔수가 없어요. 그래서 불러오는동안 표시되는 폰트를 윈도우에서 돋움으로 표시하기도 하구요.(꼼수로요)
구글에서 땡겨오는 폰트들이 아예 안뜰때도 있어서 그냥 자체변환해서 사용했는데 아직까지는 문제가 없습니다.
-
꼬부기
2014.02.23 18:40
KoPub폰트들의 라이센스 정책을 보니 웹폰트로 포맷변경을 하려면 승인을 받아야 하는군요. 한국출판인회의에 연락해서 웹폰트로 사용하겠다고 승인받아야 되겠습니다. 다른분들도 참고하세요.
KoPub서체는 사용을 허락 받은 출판사, 전자출판 기업 및 단체 또는 개인을 포함한 모든 사용자에게 명시된 약관에 따라 무료로 제공됩니다.
단, 저작권자의 사전승인 없이 수정, 변형, 임대, 재판매를 할 수 없습니다.
‘수정본’은 포맷의 변경이나 서체 소프트웨어를 새로운 환경에 포팅시켜, 원본의 일부 혹은 전체에 추가, 삭제 대체해 만든 파생 저작물을 의미하는 것으로서 2차 저작물을 포함합니다.
다른거 떠나서
사이트가 참 깔끔하심...
정리가 아주 잘 된듯한 느낌...