seevaa의 잡다구리한 이야기

폰트 원하시는 댓글이 여기저기 달려서, 원하시는 분들도 헷갈리시고 적용해서 보내드리는 저도 혼란스럽고 해서.. 이렇게라도 해야할 것 같군요... 이해해주세요~ ^-^;;
웹폰트 신청은 여기에 댓글로 해주세요(다른곳에 다시면 보내드리지 않을겁니닷!!!)

우선, 개인홈이나 개인블로그 사용자에게 나눠드립니다. *(네이버블로그, 다음블로그 처럼 포탈에서 제공하는 서비스형 블로그는 적용이 안되는 점, 알아주세요~) 순수 개인용이 아닌 영리사이트나 커뮤니티사이트(다수회원을 보유한)는 드리지 않습니다.
*자세한 내용은 http://seevaa.net/19을 참고해 주시기 바랍니다.

다음으로, 댓글로 아래 두가지 적어주시면 메일로 드립니다.

덧,
이런 번거로운 절차없이 어느 도메인에서든 보일수 있게 적용해서, 그냥 편하게 바로 다운로드할 수 있게 하면 오히려 저도 편하고 좋겠지만... 속좁은 저이기에 지금으로선 이렇게밖에... *그래도 seevaa9체(이아이에게도 관심을~)는 TTF, EOT 모두 공개되어 있습니다. 번거롭고 수고스럽겠지만 "누구나 쉽게 가질수 있다면, 그건 그만큼 메리트는 적은거야~" 이렇게 다소 쌩뚱맞게 생각해시면 고맙겠습니다. ^-^;;
참, 보통 주말에 일괄보내드려요~

관련 링크,
seevaa2007.ttf // http://seevaa.net/19
웹폰트 적용방법 // http://seevaa.net/145
네이트온 글꼴매니저 // http://seevaa.net/134

1. 초간단 붙여넣기로 적용하기

아래소스를 html 헤드에 붙여넣는 방법입니다. 폰트네임, 주소, 크기만 설정해주시면 되는거죠~ 단, 이렇게 초간단 방법으로하면 모든(아래해당되는) 글자에 적용되어 기존(따로설정된 css)의 설정을 해칠 수 있는 문제가 있습니다.

<style type="text/css">
<!--
	@font-face {font-family:seevaa2007; src:url(http://~/seevaa2007.eot);}
	body,div,table,tr,td,p,span{font-family:seevaa2007; font-size:12px;}
	a:link {font-family:seevaa2007; font-size:12px;}
	a:visited {font-family:seevaa2007; font-size:12px;}
	a:hover {font-family:seevaa2007; font-size:12px;}
	a:acvite {font-family:seevaa2007; font-size:12px;}
-->
</style>

2. style.css 를 이용해 최적으로 적용하기(기존의 style.css가 있는경우, TT나 Tistory)

1번과 같은 방법은 간편하긴 하지만 기존의 폰트설정을 해치게 되고, 또한 세밀하고 최적화된 적용엔 한계가 있죠... 2번째 방법은(위의 방법과 별반 다를 건 없지만) 기존의 style.css을 이용한 좀더 구체적인 방법입니다.
먼저, style.css 를 열어서 아래소스를 붙여넣습니다.

@font-face { font-family:seevaa2007; src:url(images/seevaa2007.eot);}

그리고, 아래와 같이 원하는 부분의 폰트 설정을 바꿔줍니다. style.css를 열고 해당부분을 찾아 적용을 해야하니 첨이라면 조금 복잡할 수 있습니다.
예를 들어 본문(.article)만 적용하고싶다면??

.article { font:12px Gulim, Dotum;} >> .article { font:12px seevaa2007, Dotum, verdana;}

이렇게 하시면 다른 부분의 설정을 그대로 두고 원하는 부분만 적용이 되기때문에 원하지 않는 글자깨짐같은 건 없을 겁니다. 만약 생긴다 하더라도 그부분을 style.css에서 찾아 안깨지도록 설정해주면 되니까요~

주의할 점은 크기에 신경쓰셔야하는 겁니다. 코멘트수와 같이 작게 지정된 경우는 웹폰트보다는 그설정 그대로 두시는게 보기좋습니다. 그래도 적용하시려면 깨지지 않도록 크기지정에 신경쓰셔야 합니다.

yusse.com(ziecle님)의 네이트온 이모티콘 글꼴(폰트,글씨) 매니저 를 소개합니다.
링크타고 가보시면 알겠지만

네이트온 대화창의 이모티콘 글꼴을 쉽게 만들고, 적용시켜 줍니다.

대화창에서 쉽게 글꼴과 글꼴색을 적용할 수 있고, 심지어 상용웹폰트도 적용할 수 있습니다. 게다가 seevaa2007체도 적용할 수 있네요~ 히히
아직, 조금의 문제(버그)가 있는것 같기도합니다만, 저는 적용이 잘됩니다. 편리하고 좋은 프로그램을 만들어 주신 ziecle님께 감사를 표하며~

압축 풀고 실행하면 위와 같은 화면이 나옵니다. seevaa2007체를 적용해봅니다.

네이트온에서 테스트 해봅니다. ㅎㅎ 잘나오는군요~ 물론 상대방한테도 똑같은 글씨체로 보인답니다.

괜히 기분좋아서 seevaa2007체 업뎃 조금 해봤습니다.
*참고, IE에서만 보입니다. FF에선 웹폰트가 보이지 않습니다.

땀방울 모양이랑 빠직 모양은 원래 전부터 있던건데, 몇개 새로 추가해봤습니다.
ㅡㅛㅡ` 뿌루퉁 입모양, ㅠㅛㅠㅄ 눈물모양, 열받은 스팀모양, -_-ㄵ 잠오는 모양,
♩♪♬ 음표모양, 비번누를때 별표모양

댓글이 많아 불편한 관계로 더이상 여기에 신청댓글은 달지 마시기 바랍니다. - 2008.02.01

관련 링크
seevaa2007.ttf // http://seevaa.net/19
seevaa2007.eot 웹폰트 신청 // http://seevaa.net/152

두번째로 만든 폰트입니다. *아직 이름을 정하지 못해서, 대충 seevaa2007.TTF로 저혼자만 쓰다가 그대로 'seevaa2007' 굳어졌습니다....

seevaa9체를 배포했었는데, 별로 단맛을 못봤습니다. 재배포는 흔한 것이고, 일례로 '산돌사과XX체'라며 카폐에 재배포하는 이도 있으니... 이럴 땐 배포라는 것이 짜증도 나고 후회가 되기도 합니다.
결론은 조금 신중해지는 것입니다. 다른 말로, 나만의 컨텐츠를 공유하기 앞서 어떤 규칙을 정해두는 것입니다. 폰트특성과 반응정도(선호도)에 따른 공유 범위와 조건, 가외성 대응방안 같은 것이 되겠지요.
하여, 현재 웹폰트(seevaa2007.eot)만 신청을 통해 나눠드리고 있으며 seevaa2007.ttf 파일은 배포하지 않습니다.
왜냐면, 아웃라인(백터) 폰트가 아니라 스크린픽셀(비트맵)에 맞춘 형태라 print용으로 적합하지 않고, gray scale이 없기 때문에 screen상에서도 양호하게 출력되는 크기가 한계가 있습니다. TTF의 활용용도가 크지 않다는 것이지요~ 제 생각으론 웹(일정크기로만 사용)에서 짧은 문장(간단한 댓글같은)에 그나마 최적이라는 생각입니다.

글씨는 위에 보이시는 그대로입니다. seevaa9체에 비해 글자크기도 큼지막하게 하고, 또박또박한 손글씨 느낌이 나게 만들었습니다.

Font Creator 5.0으로 만들었고, 개인이 만든 것이기에 여러 부족한 점이 있을 겁니다.
제일 큰 것이 특수문자는 몇개밖에 못만들었습니다.(예, ☆★♡♥™) 그래서 예상치(만들지) 않는 문자는 '별표'나 '블랭크' 또는 '◁' 요렇게 출력될 수 있습니다. *특별히 사용빈도가 높다거나 추가를 원하시는 특수문자는 의견주시기 바랍니다. 추가해보도록 하지요.

당연히 기본서체보다 가독성이 떨어집니다. 이점에 대해서는 저도 인정합니다. 자칫 예쁘게 보일려다 가독성이 떨어지기 때문에, 읽는 이가 스트레스를 유발하기도 합니다. 덧붙여, 최근 많은 블로거들이 웹표준 논하고 파이어폭스를 사용하기에 웹폰트 적용은 유저(방문자)의 입장에서도 고려해야 될 것 같습니다.

위에서 언급했듯, 크기설정에 제한이 있습니다. 72dpi 12px 기준으로 만들었기 때문에 12px이외의 크기에서 깨져보입니다. 단, 24px, 36px, 48px...(9pt, 18pt, 27pt, 36pt...) 이런식으로 배수의 크기에서 비트맵형태로나마 양호하게 출력됩니다.
문단의 경우 위아래 폭이 좁을 때 특히 읽기 불편하므로, 웹폰트 적용시 적당히 늘려줍니다.
예) line-height:160%;

마지막으로 여러가지 문제점을 염두해두시고 사용하셨음 합니다. 웹폰트 적용방법에 대해 따로 적습니다. 아래 참고해보시기 바랍니다.
잘 활용하시길 바랍니다. ^-^;;

관련 링크,
웹폰트 신청 // http://seevaa.net/152
웹폰트 적용방법 // http://seevaa.net/145
네이트온 글꼴매니저 // http://seevaa.net/134

네이버카페 폰트공작소 // http://cafe.naver.com/font1/11930
다양한 무료웹폰트 미리보기 // http://cafe.naver.com/font1/11274
Font Creator // http://www.high-logic.com/download.html

2005년 12월경에 만든 웹폰트입니다.
이름 때문에 이상하다고들 하시는데, 결코 욕이 아님을 아셨음 합니다. ㅡㅡ;

'Font Creator 5.0' 30일 버젼을 사용했구요. (그땐 30일안에 만들어야 한다는 압박이 ㅠㅠ;)
글씨체가 넘 작아서 가독성이 떨어집니다. 또한 특수문자는 지원이 안됩니다.
추가한다 한다 하는게 귀찮기도 하고 조금 어려워요~
웹 적용시 크기 9pt, 18pt, 27pt, 36pt에서 이쁘게 보입니다.

적용해보면, 이렇게 나옵니다. *파이어폭스에선 굴림으로 보입니다.

노 대통령은 이날 25분동안 베네딕토 16세를 면담한 자리에서,
교황이 한반도의 평화와 화해를 지지해준 데 대해 사의를 표명하고
북한에 대한 교황청의 지원이 계속될 수 있도록 해줄 것을 당부했다고,
청와대 대변인인 윤승용 홍보수석이 전했다.

ㅠㅠ` <-- 우는 모양, 나름 센스(잡스런)를 부려봤습니다;;;

seevaa9체는 개인용도로 만든 것입니다. 으지간하면, 포샵이나 웹폰트로 사용해주셨으면 합니다~* 다른용도로 사용하실 경우 제가 방법할 수 있습니다.

다운로드 // seevaa9.ttf, seevaa9.eot
테스트해보기 // http://seevaa.byus.net/zbbs/zboard.php?id=sf

네이버카페 폰트공작소 // http://cafe.naver.com/font1/11930
다양한 무료웹폰트 미리보기 // http://cafe.naver.com/font1/11274
Font Creator // http://www.high-logic.com/download.html