WEB 웹팁 디자인팁 폰트 컬러 UI/UX 모바일UI Widget 디자인소스 기획팁 웹서비스 회사복지 스타트업 회사후기 메모/서식 퍼블팁 추천사이트 HTML•CSS 자바스크립트 jQuery React 앵귤러JS Node.js Codepen 개발팁 PHP 한글코딩 인터뷰 안드로이드 오픈API 파이썬 Flutter 서버관리팁

웹폰트 위쯔또박체 사용법

2015년 06월 14일

mywizz_ttobak.eot

mywizz_ttobak.woff

첨부파일을 다운로드 받으신 후 자신의 계정 루트에 업로드합니다.

스타일시트 입력..

<style>

@font-face {font-family:"wizz";src:url('../assets/fonts/mywizz_ttobak.eot');src: url('../assets/fonts/mywizz_ttobak.eot?#iefix') format('embedded-opentype') /* IE6-IE8 */;

src: url('../assets/fonts/mywizz_ttobak.eot?') format('eot'); /* IE 9 */

src:url('../assets/fonts/mywizz_ttobak.woff') format('woff'); /* IE 9, Firefox 3.6+, Chrome 6+ */

</style>

위쯔또박체 웹폰트는 9pt/12px 에서 제일 이쁘게 보입니다.

맑은고딕체를 11px로 해도 위쯔또박체같은 느낌은 납니다. ^^; 위쯔또박체보다는 돋움에 비슷하여 좀더 정렬된 느낌입니다.

[출처] [기타] 웹폰트 위쯔또박체 사용법|작성자 이안