Sketch에서 icon 글꼴 사용하기

개시하다

이전에는 icon을 CSS Sprite로 사용했지만 icon 글꼴을 사용하면 CSS Sprite로 되돌아갈 수 없습니다.
디자인할 때sketch-iconfont도 사용할 수 있고 아이콘 글씨체로 더욱 간단하게 디자인할 수 있습니다.
이제 아이콘 만들 일도 없어지고 나 같은 삼촌은 세상도 가족도 필요 없어지겠죠.

사용법

sketch-iconfont의 사용 방법은 매우 간단하다.

1. sketch-iconfont 다운로드

여기.에서 sketch-iconfont를 다운로드합니다.
다운로드한 파일의 압축을 풀고 "iconfont.sketchpluggin"을 두 번 눌러서 플러그인을 설치합니다.
※ 스케치 툴박스에서도 설치할 수 있습니다.

2. font-bundles 다운로드

여기.에서 font-bundles를 다운로드합니다.
다운로드한 파일의 압축을 풀고 'ttf-files' 의 글꼴을 두 번 눌러서 설치합니다.

3. Sketch에 bundle 파일 설치

Sketch를 열고 메뉴의 Plugins에서 Icon Font를 선택합니다.
메뉴에서 "Installa Foont-Bundle"을 선택하고 2단계에서 다운로드한 "font-bundles-master"폴더를 선택합니다.

4. Sketch에서 icon 글꼴 사용

Sketch를 열고 메뉴의 Plugins에서 Icon Font를 선택합니다.
메뉴에서 Grid Insert를 선택하고 사용할 글꼴을 선택합니다.

그리고 마음에 드는 아이콘을 선택하면 됩니다.

기타

글씨체이기 때문에 대강도 있고 뒤에서 편집도 가능합니다.

끝맺다

아이콘 글씨체를 사용하면 디자인 작업을 압축할 수 있을 뿐만 아니라 인코딩도 가벼워질 수 있기 때문에 창작을 하고 싶은 마음을 최대한 억제하여 사용하고 싶습니다.