폰트 미리보기 도구 Font Preview Tool

폰트 디자이너를 위한 미리보기 도구

폰트 미리보기 도구는 폰트 디자이너들이 자신의 폰트를 실제 환경에서 어떻게 보이는지 쉽게 확인할 수 있도록 도와주는 무료 도구입니다. woff 형식의 폰트 파일 사용을 권장하며, 이 도구는 폰트 파일의 다운로드 보안에 대한 책임을 지지 않습니다. 사용자는 자신의 필요에 따라 추가 보안 조치를 취해야 할 수 있습니다.

주요 특징

세로쓰기 및 가로쓰기 지원: 본 도구는 세로쓰기 및 가로쓰기 모드를 모두 지원합니다. 사용자는 자신의 필요에 따라 폰트를 세로 또는 가로로 미리 볼 수 있습니다.
폰트 패밀리 지원: 여러 폰트를 넣어 미리보기를 사용할 수 있습니다.

설치 및 사용 방법

1. ZIP 파일 다운로드 및 압축 해제

다운로드: 먼저, 이곳에서 ZIP 파일을 다운로드합니다.

압축 해제: 다운로드한 ZIP 파일을 원하는 위치에 압축 해제합니다. 압축 해제 후 edithere 폴더에 접근할 수 있습니다.

2. edithere.js 파일 수정

폰트 정보 수정: edithere.js 파일을 열고 fonts 배열 내의 객체를 수정합니다.


        const fonts = [{

            name: '노토산스 Regular',

            url: 'fonts/NotoSans-Regular.woff'

        }, {

            name: '노토산스 Medium',

            url: 'fonts/NotoSans-Medium.woff'

        }, {

            name: '노토산스 Bold',

            url: 'fonts/NotoSans-Bold.woff'

        }];

3. 서버 업로드

수정한 fontpreview 폴더채로 웹 서버에 업로드합니다. 이 파일들은 웹 페이지에서 참조될 것이므로, 올바른 경로에 업로드하는 것이 중요합니다.

4. 웹 페이지에 삽입

iframe 태그를 사용하여 폰트 미리보기 도구를 웹 페이지에 삽입합니다.


        <iframe src="http://yourserver.com/fontpreview" width="100%" height="500px"></iframe>

[개발자 노트]
다운로드 및 설명은 링크를 방문하시면됩니다.
2023-11-26 08:20

https://11172.kr/sanjak