매뉴얼

포인터에 마우스를 올리면 상세 설명을 보실 수 있습니다.
무료 트라이얼 신청하기
티스토리에 적용하기
나의 도메인/폰트 관리하기
개발자 가이드

매뉴얼1 | 무료 트라이얼 신청하기

1 메인 - 폰트박스 바로가기
타입엔진 메인페이지

폰트박스 바로가기

폰트박스 바로가기 클릭
2 폰트박스

폰트박스에서는 한글 · 영어 · 일본어의 다양한 폰트를 만나실 수 있으며, 용도 · 모양 · 굵기 · 언어스펙 별로 폰트 검색이 가능합니다.

폰트박스

폰트명 검색

폰트명으로 검색해보세요.

문장쓰기

입력하신 미리보기 문장으로
웹폰트가 적용된 화면을 확인하실 수 있습니다.

상세검색

용도, 모양, 굵기 별로 폰트를 검색하실 수 있습니다.

폰트크기

폰트크기를 바로바로 변경하실 수 있습니다.

위시리스트

원하시는 폰트를 위시리스트에 담으시고,
필요하실때 바로바로 확인하실 수 있습니다.

서비스신청

서비스 신청하시면, 타입엔진용 소스 코드를 발급받아
자신의 블로그나 웹사이트에 적용하실 수 있습니다.

더보기

더보기를 클릭하면 폰트를 더 자세히 볼 수 있습니다.

폰트 스펙

서체를 지원하는 언어별 스펙입니다.

서체

폰트명입니다.

[폰트명 구성]
회사약자 + 디자인을 대표하는 네이밍 + 타입

[HY울릉도B의 경우]
- HY : 한양정보통신
- 타입 : L(light), M(medium), B(bold)

언어별 폰트지원

한글 · 영어 · 일본어등 1000여종의 다양한 폰트를 지원하고 있습니다.
※ 중국어 지원예정
3 무료 트라이얼 신청페이지로 이동하기
무료 트라이얼 신청페이지

폰트박스에서 서비스신청을 클릭하시거나,
위시리스트에서 무료 트라이얼 서비스 신청을 클릭하시면 무료 트라이얼 신청 페이지로 이동됩니다.

41. 무료 트라이얼 신청 (처음 신청하시는 경우)
무료 트라이얼 신청

폰트확인

선택하신 폰트를 확인하시고,
최종 선택해주세요.

도메인입력

타입엔진 서비스를 적용할 도메인 주소를
입력하시고 "도메인 입력" 버튼을 클릭하세요.
1개 이상 도메인 등록이 가능합니다.

상품확인

타입엔진 서비스 상품을 선택합니다.

신청

무료 트라이얼 신청버튼을 클릭하시면
타입엔진 소스 코드를 발급받을 수 있습니다.
42. 무료 트라이얼 신청 (재신청의 경우)
- 등록하신 도메인에 타입엔진 서비스를 추가 사용하는 경우나 새로운 도메인에 웹폰트를 사용하고 싶은 경우

무료 트라이얼 신청

기존 도메인 선택

[등록하신 도메인에 타입엔진 서비스를 추가 사용하는 경우]
원하시는 상품(도메인그룹)을 선택하시고, 도메인 주소를 확인하세요..

도메인입력

[새로운 도메인에 타입엔진 서비스를 사용하고싶은 경우]
상품(도메인그룹)추가하기를 선택하고, 원하시는 도메인 주소를 입력하세요.
5 무료 트라이얼 신청 완료 - 신청이 완료되면, 타입엔진 소스 코드를 발급해드립니다.
무료 트라이얼 신청 완료

신청내역확인

신청내역을 확인하세요.
신청폰트와 도메인 주소 변경관리는 마이페이지 > 폰트/도메인 관리에서 가능합니다.

@font-face 선언 코드는 , 스타일태그(<style>...<style>)나 css파일의 상단에 복사합니다.

※웹폰트의 사용목적에 따라 웹폰트 타입을 서브셋폰트나 풀셋폰트로 설정하여 사용하세요.
(1)제목과 같이 텍스트가 적은 경우 "서브셋 폰트" 로 설정 : @font-face {.............. /?subset.......}
(1)본문과 같이 텍스트가 많을 경우 "풀셋 폰트" 로 설정 : @font-face {.............. /?fullset.......}

폰트 패밀리를 복사합니다.
이미 스타일에 font-family를 적용하고 계신 경우, 기존의 코드를 삭제하시고, 새로 발급된 font-family로 변경해주셔야 웹폰트가 올바르게 적용됩니다.

▶ font-family 적용 예시
(1) 스타일 태그나 css에 font-family를 복사합니다.
      body { font-family:wHYGothic450; }
(2) html태그의 style에 직접 font-family를 복사합니다.
      <p style="font-family:wHYGothic450;"></p>

웹폰트를 적용하실 html페이지에 타입엔진 스크립트 코드를 복사합니다.

▶ 웹사이트를 독립 운영하는 경우
      · 조건1(필수사항) : <head>...</head> 사이
      · 조건2(필수사항) : css파일 링크나 <style>...</style> 코드보다 하단
      · 조건3(선택사항) : 다른 js파일 링크보다 상단

▶ 블로그등의 서비스에서 제공하는 툴을 이용할 경우 복사위치
      · 글작성 모드를 "html"모드로 선택해주세요.
      · 발급된 코드를 가능한한 최상단 위치에 복사해주세요.
매뉴얼2
| 티스토리에 적용하기
일부 스타일에만 적용하기
전체 페이지에 적용하기

티스토리 전체 페이지에 웹폰트를 적용할 경우, 아래의 매뉴얼을 확인해주세요.

1 티스토리의 "HTML/CSS편집" 메뉴를 선택합니다.
티스토리 HTML/CSS편집 화면

스타일명

2 skin.html에 타입엔진 소스 코드를 모두 복사하고, skin.css를 수정합니다.
티스토리 소스편집

소스편집

font-face 선언 코드와, font-family지정코드를 skin.html에 복사해주세요. 티스토리의 경우, 타입엔진 코드를 skin.css에 복사하시면 웹폰트가 적용되지 않습니다.

기존코드삭제

font-family가 skin.html과 style.css에서 중복되면 웹폰트가 올바로 표시되지 않습니다.
중복되는 경우 style.css의 font-family를 삭제해주세요.

티스토리의 특정 글에만 웹폰트를 적용할 경우, 아래의 매뉴얼을 확인해주세요.

1 티스토리의 글쓰기 화면에서 "HTML"을 체크합니다.
티스토리 부분편집1
2 글쓰기 화면에 STYLE 태그와 JAVASCRIPT 코드를 복사합니다.
티스토리 부분편집2

스타일 태그

font-face 선언코드와 font-family지정 코드를 복사해주세요.
복사하실 코드는 "무료 트라이얼신청"이나, "마이페이지>도메인/폰트정보" 에서 발급받으실 수 있습니다.

기존코드삭제

타입엔진 자바스크립트 소스 코드를 복사해주세요.
※ 타입엔진 코드에 포함된 유저키코드가 올바르지 않은 경우 웹폰트가 표시되지 않습니다.
발급된 타입엔진 코드를 그대로 복사해서 사용해주세요.
※ 웹폰트가 올바로 표시되지 않는 경우, 타입엔진 소스 코드의 복사위치를 확인해 주세요.
3 블로그 콘텐츠 수정 완료 - 시스템 폰트와 타입엔진 서비스 적용 비교
블로그 웹적용 전후 비교

수정 전 (시스템 폰트 적용) 수정 후 (타입엔진 서비스 적용)

매뉴얼3 | 나의 도메인/폰트 관리하기

도메인/폰트 정보

상품선택

관리할 상품(도메인그룹)을 선택합니다.

폰트관리

사용중인 폰트리스트를 관리합니다.
만약 폰트를 삭제하시는 경우, 삭제된 폰트는 웹폰트가
적용되지 않습니다.

타입엔진 소스 코드 재발급

타입엔진 소스 코드를 재발급 받으실 수 있습니다.

도메인 관리

등록된 도메인 리스트를 확인하시고,
도메인을 삭제, 추가하실 수 있습니다.

[도메인 삭제]
도메인을 삭제하시면,
해당 도메인에서는 웹폰트를 사용하실 수 없습니다.

[도메인 추가]
도메인을 추가하시면,
등록하신 웹폰트를 해당 도메인에서 사용하실 수 있습니다.