Rev. 2.73

TypeShow goes here.

TypeShow는 자신의 서버에 간단하게 설치하여 사용할 수 있는 글꼴 테스트 위젯입니다. 미리 등록된 글꼴을 PNG 포멧 이미지로 변환하여 출력하는 기능으로 지원하는 글꼴은 트루타입 폰트(PS/CFF)이며, 한국어도 무난히 출력해냅니다. 매우 잘 구성된 완성도 높은 관리자 페이지를 제공하여 폰트를 추가하거나 테마 및 기본 문구 등을 세세하게 설정할 수 있으며, 원격 업데이트 기능까지 갖추고 있습니다. jQuery 기반의 플러그인으로 구성되어 아래와 같은 코드를 사용하여 웹사이트에 추가합니다.

<link type="text/css" rel="stylesheet" media="screen" href="/ts/css/typeshow.css" />
<script type="text/javascript" src="/ts/js/jquery.js"></script>
<script type="text/javascript" src="/ts/js/jquery.typeshow.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$("#typeshow").typeshow({
		"folder" : "/ts"
	});
});
</script>

TypeShow 설치시 시스템 요구 사항은 다음과 같습니다.

  • PHP 5.2 or higher
  • GD 2.0 + Library
  • FreeType 2.0 support
  • PNG support

설치는 매우 간단하며, 다음과 같은 절차로 설치할 수 있습니다.

  • "Download"를 클릭하여 "typeshow.installer.zip"를 다운로드하고 압축을 푼다. 서버에 디렉토리(예 "ts")를 생성한 후(권한 777) "install.php"를 업로드한다.
  • 업로드한 경로로 "yourdomain.com/ts/install.php"로 이동하고 설치한다. 설치가 완료되면 "ts"의 퍼미션을 변경합니다.

더욱 자세한 내용은 Getting Started 문서를 참조하십시오.

위에 나타난 위젯은 이곳에 실재로 설치된 것입니다. 무료로 공개된 폰트인 나눔 글꼴들을 설정했으며, 한글이 출력 되도록 기본설정을 변경한 것입니다. 그리고 이 블로그는 Prototype.js를 사용하기 때문에 jQuery용 플러그인을 Prototype 클래스로 컨버전하여 적용하였습니다. TypeShow는 단순히 폰트 테스트에 목적을 둔 것만은 아닙니다. 일종의 폰트 API이며 CSS3에 공식으로 도입된 웹폰트의 크로스-브라우징 목적으로도 응용할 수 있겠습니다.

Comments

Got something to add? You can just leave a comment.

Your Reaction Time!

captcha

avatar