Sketch에서 icon 글꼴 사용하기
2109 단어 sketch
개시하다
이전에는 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를 선택하고 사용할 글꼴을 선택합니다.

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

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

끝맺다
아이콘 글씨체를 사용하면 디자인 작업을 압축할 수 있을 뿐만 아니라 인코딩도 가벼워질 수 있기 때문에 창작을 하고 싶은 마음을 최대한 억제하여 사용하고 싶습니다.
Reference
이 문제에 관하여(Sketch에서 icon 글꼴 사용하기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/nogson/items/988fe7bb720a3ab0baef텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)