<스크립트> TTF 파일로 웹폰트 만들기 정보
<스크립트> TTF 파일로 웹폰트 만들기본문
요즘 웹폰트 정말 많이 쓰죠?
또 요즘엔 돈주고 사는 웹정말고도 직접제작해서도 많이 쓰는데요..
php에 대해 약간의 지식만 있으면 굳이 일일이 eot 파일로 만들지 않아도 되겠네요..
아래의 소스를 보시구요.. 수정할것은 수정을 해주시면 됩니다.
<주의>
여기서 주의해야 할 점은 이 파일 안에 HTML 태그가 절대로 들어가서는 안된다는 것입니다.
또한, <?와 ?> 전후에 빈 공간이나 빈 줄이 있어서도 안됩니다.
만일 이 스크립트를 사용했는데 이미지가 깨져 나타난다면 이 부분을 의심해보기 바랍니다.
IconV를 사용하면 한글도 잘 나옵니다.
그리고, 컬러를 음수로 하면 (-) 안티앨리어스 해제됩니다.
<?
Header("Content-type: image/gif");
if(!isset($s)) $s=11;
$size = imagettfbbox($s,0,"/fonts/TIMES.TTF",$text);
$dx = abs($size[2]-$size[0]);
$dy = abs($size[5]-$size[3]);
$xpad=9;
$ypad=9;
$im = imagecreate($dx+$xpad,$dy+$ypad);
$blue = ImageColorAllocate($im, 0x2c,0x6D,0xAF);
$black = ImageColorAllocate($im, 0,0,0);
$white = ImageColorAllocate($im, 255,255,255);
ImageRectangle($im,0,0,$dx+$xpad-1,$dy+$ypad-1,$black);
ImageRectangle($im,0,0,$dx+$xpad,$dy+$ypad,$white);
ImageTTFText($im, $s, 0, (int)($xpad/2)+1, $dy+(int)($ypad/2), $black, "/fonts/TIMES.TTF", $text);
ImageTTFText($im, $s, 0, (int)($xpad/2), $dy+(int)($ypad/2)-1, $white, "/fonts/TIMES.TTF", $text);
ImageGif($im);
ImageDestroy($im);
?>
Header("Content-type: image/gif");
if(!isset($s)) $s=11;
$size = imagettfbbox($s,0,"/fonts/TIMES.TTF",$text);
$dx = abs($size[2]-$size[0]);
$dy = abs($size[5]-$size[3]);
$xpad=9;
$ypad=9;
$im = imagecreate($dx+$xpad,$dy+$ypad);
$blue = ImageColorAllocate($im, 0x2c,0x6D,0xAF);
$black = ImageColorAllocate($im, 0,0,0);
$white = ImageColorAllocate($im, 255,255,255);
ImageRectangle($im,0,0,$dx+$xpad-1,$dy+$ypad-1,$black);
ImageRectangle($im,0,0,$dx+$xpad,$dy+$ypad,$white);
ImageTTFText($im, $s, 0, (int)($xpad/2)+1, $dy+(int)($ypad/2), $black, "/fonts/TIMES.TTF", $text);
ImageTTFText($im, $s, 0, (int)($xpad/2), $dy+(int)($ypad/2)-1, $white, "/fonts/TIMES.TTF", $text);
ImageGif($im);
ImageDestroy($im);
?>
서핑중에 발견했는데..
유용할것 같아서 올립니다.
유용할것 같아서 올립니다.
아직 적용을 해보지 않아서..
용량이 큰 TTF파일은 트래픽을 얼마나 잡아 먹을지..
용량이 큰 TTF파일은 트래픽을 얼마나 잡아 먹을지..
관심 있는분 적용해 보시고
사용기 좀 올려주세요 ^ ^;
사용기 좀 올려주세요 ^ ^;
추천
0
0
관련링크
댓글 24개
이거 아주 좋은 내용인데
인기가 별로 없네요......
제 개인적으로는 단순히 이용하는 수준을 벗어나야
개발자로서 발전할수 있다고 봅니다.
인기가 별로 없네요......
제 개인적으로는 단순히 이용하는 수준을 벗어나야
개발자로서 발전할수 있다고 봅니다.
전 개발자 아닙니다!
그저 유용하게 사용하면 되는데..
답변 감사드려요!
그저 유용하게 사용하면 되는데..
답변 감사드려요!
스크립트 해석(?주석) 좀 부탁드려도 될까요?
이거......플그램으로 나왔어여 ... --;;
일명 Web Font Maker ? 어쩌구~ 버전
이런 명으로 1~2년 전에 봤던 내용.......--;;
이거 플그램도 어딘가? 내 하드에 저장이 되어 있는데.......--;;
이걸 도통 찾기가 ......--;; 힘들다는 ........--; 쩝
일명 Web Font Maker ? 어쩌구~ 버전
이런 명으로 1~2년 전에 봤던 내용.......--;;
이거 플그램도 어딘가? 내 하드에 저장이 되어 있는데.......--;;
이걸 도통 찾기가 ......--;; 힘들다는 ........--; 쩝
보여주세요!
알려주세요!
^L^;
알려주세요!
^L^;
그게...... 좀 찾기는 찾아 보았는데여 --;;;;;;;
없구여~! ㅋㅋ 음~! 예전에 제가 제 서명에 적용했었는데 ㅋㅋㅋ
막~! 누가 모라 해서 ㅋㅋ 바로 없앴던 격이 ㅋㅋㅋ 관련 링크 아래,,, ㅋㅋㅋ
http://www.sir.co.kr/bbs/board.php?bo_table=cm_free&wr_id=75673&sca=&sfl=mb_id%2C1&stx=f1key&page=4
없구여~! ㅋㅋ 음~! 예전에 제가 제 서명에 적용했었는데 ㅋㅋㅋ
막~! 누가 모라 해서 ㅋㅋ 바로 없앴던 격이 ㅋㅋㅋ 관련 링크 아래,,, ㅋㅋㅋ
http://www.sir.co.kr/bbs/board.php?bo_table=cm_free&wr_id=75673&sca=&sfl=mb_id%2C1&stx=f1key&page=4
꼭 찿아주시와요~~
기다리겠사옵니다! ^^;
기다리겠사옵니다! ^^;
적용하신 예 있으시면 좀 올려주세요!
^L^
^L^
제가 일전에 올린 웹에서 pdf만드는
예제에서 보면 jpg로 이미지를 생성해서 보여주는 것이 있는데
일단 투루타입의 글꼴을 가지고
텍스트의 길이를 계산해내고
그것을 지정된 위치에 뿌려주는 것이
아주 좋은 부분이라고 봅니다.
저것을 응용하면
웹에서 이미지를 생성할때
한글 투루타입의 글꼴을 사용하여
원하는 위치에 원하는 크기로 글자를 위치시키고
이미지로 만드는 것으로 발전시킬수 있는데
이것은 이미지에 한글 워터마크를 새기는 것이나 이런것으로 응용할수 있고
이미지에 여러 종류의 액자를 쒸우는등의 작업에 참고할만 합니다.
http://82da.com/Ybbs/demo/text_to_img-pdf.php
예제에서 보면 jpg로 이미지를 생성해서 보여주는 것이 있는데
일단 투루타입의 글꼴을 가지고
텍스트의 길이를 계산해내고
그것을 지정된 위치에 뿌려주는 것이
아주 좋은 부분이라고 봅니다.
저것을 응용하면
웹에서 이미지를 생성할때
한글 투루타입의 글꼴을 사용하여
원하는 위치에 원하는 크기로 글자를 위치시키고
이미지로 만드는 것으로 발전시킬수 있는데
이것은 이미지에 한글 워터마크를 새기는 것이나 이런것으로 응용할수 있고
이미지에 여러 종류의 액자를 쒸우는등의 작업에 참고할만 합니다.
http://82da.com/Ybbs/demo/text_to_img-pdf.php
기초가 없어서 너무 어렵네요!
천천히 공부해 볼께요.
답변 감솨합니다~ ^^
천천히 공부해 볼께요.
답변 감솨합니다~ ^^
근데여? 봄이오면님?
그거 찾앗다고 치고여~! 올려도? 되여?
저작권? 같은거? 안 걸릴까여? ^^;;;
걸리거 같은데 ........
플그램이면...만든 사람이 ... 저작권을 ...... --;;
그거 찾앗다고 치고여~! 올려도? 되여?
저작권? 같은거? 안 걸릴까여? ^^;;;
걸리거 같은데 ........
플그램이면...만든 사람이 ... 저작권을 ...... --;;
정보만 알려주세요!
오픈소스는 아닌가 보네요. ^ ^
참 웹 프로그램 인가요?
오픈소스는 아닌가 보네요. ^ ^
참 웹 프로그램 인가요?
MS WEFT는 아니겠지요? ^ ^;
또는 이것두 아니겠지요?
Bitstream WebFont Maker ^^;
Bitstream WebFont Maker ^^;
플그램 정확한 이름은 ...... 잘 모르겠구여~!
제가 플그램 이름을 제가 알기 좋게 바꿔놓은 상태에서...
어디에 넣어 놨는지 ....... 통~! 쩝~!
암튼, 설치 하면... 위에 Source 하고 비슷한 내용 설명이
나옵니다~! 쩝~! --;;
그리고 간단한 입력폼과 함께 입력 하면 Web font가 맹그러 지던데 ...
그걸 꼭~! 확장명을 ~.ttf 라고 안 해도 잘 되던데 ... ^^*
P.S MS WEFT 와 Bitstream WebFont Maker 둘다 아닌데여 ....--;;
제가 플그램 이름을 제가 알기 좋게 바꿔놓은 상태에서...
어디에 넣어 놨는지 ....... 통~! 쩝~!
암튼, 설치 하면... 위에 Source 하고 비슷한 내용 설명이
나옵니다~! 쩝~! --;;
그리고 간단한 입력폼과 함께 입력 하면 Web font가 맹그러 지던데 ...
그걸 꼭~! 확장명을 ~.ttf 라고 안 해도 잘 되던데 ... ^^*
P.S MS WEFT 와 Bitstream WebFont Maker 둘다 아닌데여 ....--;;
훔........ 찾았어여~ --;;;;;;;;;;;
근데? 플그램이 2개? 라는......--;;
화일이름이 이렇게 되어 있네여~!
webFont_Creator3.0.exe 하고 weft3full(webfont).exe 라고 되어 있어여~! 쩝~!
이건 내가? 바꾼건?지? 그대로 둔건지? 잘은 모르지만... 아마도 바꾼거 일거에여~! 쩝~!
저는 플그램 받으면 다른 플그램들 하고 헷갈리지 말라고 내가 알아 보기 쉽게
이름을 막~~~~ 내 맘대로~ 바꾼답니다~! --;;;;;
안 그럼~! "이게? 먼 플그램이야?" 하고는...... 잘 모르면 걍~! 지워 버리는 버릇이.....--;;
근데? 플그램이 2개? 라는......--;;
화일이름이 이렇게 되어 있네여~!
webFont_Creator3.0.exe 하고 weft3full(webfont).exe 라고 되어 있어여~! 쩝~!
이건 내가? 바꾼건?지? 그대로 둔건지? 잘은 모르지만... 아마도 바꾼거 일거에여~! 쩝~!
저는 플그램 받으면 다른 플그램들 하고 헷갈리지 말라고 내가 알아 보기 쉽게
이름을 막~~~~ 내 맘대로~ 바꾼답니다~! --;;;;;
안 그럼~! "이게? 먼 플그램이야?" 하고는...... 잘 모르면 걍~! 지워 버리는 버릇이.....--;;
ㅠ ㅠ
감사합니다.
왕초님이 말씀하신 프로그램은 TTF를 웹폰트로 변환해서
서버에 올리는 거구요..
제가 소개한 스크립트는 TTF를 서버에 올려
웹폰트(?)로 변환해주는 겁니다.
답변 감사드립니다. (_ _)
감사합니다.
왕초님이 말씀하신 프로그램은 TTF를 웹폰트로 변환해서
서버에 올리는 거구요..
제가 소개한 스크립트는 TTF를 서버에 올려
웹폰트(?)로 변환해주는 겁니다.
답변 감사드립니다. (_ _)
가령 한겨레결체같은 프리폰트를 사용하면
저작권에서 조금은 자유롭지 않을까요?
저작권에서 조금은 자유롭지 않을까요?
제 말씀을 이해 못 하시는 듯.....--;;;
저 위에 제가 쓴~! 플그램 이름이 ~~~ 님이 말씀 하시는...
TTF를 Web Font로 바꾸는 플그램 이름 하고 같을지 모르지만...
그 실체는 다르당께여~! --;;;
webFont_Creator3.0.exe 하고 weft3full(webfont).exe 이 플그램 이름은
제가 임의로 지은거지~! 제가 다운 받은 플그램의 이름이 아닙니다~!
예)Photoshop7.0.exe 을 제가 다운 받았다 치면여...--;;
이걸 그대로 안 놔 둡니다~! PPoshop(뽀샵)7.0.exe 라고 바꾼다그여~! --;;;
그러니까~! 그걸 제가 임의로 바꿀때~! 그렇게 이름을 쓴거구여~! 버전은 3.0이 맞을 겁니다~! --;;
저 위에 제가 쓴~! 플그램 이름이 ~~~ 님이 말씀 하시는...
TTF를 Web Font로 바꾸는 플그램 이름 하고 같을지 모르지만...
그 실체는 다르당께여~! --;;;
webFont_Creator3.0.exe 하고 weft3full(webfont).exe 이 플그램 이름은
제가 임의로 지은거지~! 제가 다운 받은 플그램의 이름이 아닙니다~!
예)Photoshop7.0.exe 을 제가 다운 받았다 치면여...--;;
이걸 그대로 안 놔 둡니다~! PPoshop(뽀샵)7.0.exe 라고 바꾼다그여~! --;;;
그러니까~! 그걸 제가 임의로 바꿀때~! 그렇게 이름을 쓴거구여~! 버전은 3.0이 맞을 겁니다~! --;;
서버용 인가요?
Server용이라? --;;;
~.eot 화일은 확장명을 바꿔도 잘 되지여?(해 보십시여~! 잘 될겁니다~!)
이 ~.eot 화일은 Server에 둬야겠지여?
그럼~! Server 용이라 해야 하나여? --;;;;;;;;;;;;;;
~.eot 화일은 확장명을 바꿔도 잘 되지여?(해 보십시여~! 잘 될겁니다~!)
이 ~.eot 화일은 Server에 둬야겠지여?
그럼~! Server 용이라 해야 하나여? --;;;;;;;;;;;;;;
아! 맞는 말씀이네요!
제 말은 TTF를 PC에서 변환해서 올려야 되는지 궁금해서요?
어쩐지 언쟁하는것 같이 되버렸네요.
죄송합니다. ㅠㅠ
제 말은 TTF를 PC에서 변환해서 올려야 되는지 궁금해서요?
어쩐지 언쟁하는것 같이 되버렸네요.
죄송합니다. ㅠㅠ
아닙니다~! 에거~~
제가 ㅋㅋ 좀 비꼬듯 글을 쓴듯 보이는데여 ㅋㅋ
그런건 아니니~! 오해 없으시길 ㅋㅋㅋㅋ
~.TTF를 꼭~! 가지고 있찌 않아도 됩니다~!
폰트로 만들 이미지? 만 있으면 됩니다~! &^^*
제가 ㅋㅋ 좀 비꼬듯 글을 쓴듯 보이는데여 ㅋㅋ
그런건 아니니~! 오해 없으시길 ㅋㅋㅋㅋ
~.TTF를 꼭~! 가지고 있찌 않아도 됩니다~!
폰트로 만들 이미지? 만 있으면 됩니다~! &^^*
감사드립니다.
프로그램을 메일로 요청해도 될련지요?
테스트 용도로 만 사용할께요! ^^;
프로그램을 메일로 요청해도 될련지요?
테스트 용도로 만 사용할께요! ^^;
