Font Awesome 글꼴을 Sketch.app 카테고리별로

🙏🏻 라이선스 받기 및 파일 다운로드

먼저 Font Awesome pro license을 얻는 것입니다.

🏆 목표

당신이 나와 같다면 당신은 진실한 모든 것의 하나의 근원을 갖고 싶어했습니다. 추상 버전 제어에 구성 요소 라이브러리 스케치 파일이 있는 상황을 상상해 보십시오. 구성 요소는 동일한 파일에서 로컬 아이콘 SVG 소스를 사용하고 있습니다. 10-20개의 아이콘이 있으면 문제가 되지 않습니다. 그러나 Pro 버전 Font Awesome의 모든 소스를 사용하고 싶을 때 문제가 발생합니다. 아무런 제어 없이 Sketch Icons이라는 훌륭한 플러그인으로 모든 SVG 파일을 추가해야 합니다. Sketch Symbols 선택기의 거대한 드롭다운 목록처럼 보입니다. 정리된 것처럼 보이게 할 수 있다면 어떨까요?

🔨 이것이 당신의 방법입니다

fontawesome-pro-x.x.x-web.zip의 압축을 풉니다

.

스크립트(또는 무엇이든)로 명명된 새 폴더 추가

메타데이터 폴더로 이동하여 category.yml 구문을 클립보드에 복사하고 .yml 콘텐츠를 붙여넣습니다YAML to JSON converter online.

category.json으로 스크립트 내부에 새 파일을 생성하고 YAML to JSON 변환기의 JSON 구문을 파일에 붙여넣습니다

.

새 폴더를 만들고 이름을 svgs로 지정합니다

.

svgs fontawesome-pro-x.x.x-web 루트 파일에서 스크립트 아래의 새 svgs 폴더로 .svg 아이콘 복사

read-json.py 파일을 생성하고 이 코드를 붙여넣습니다.

# Python program to read
# json file


import json
import os
import shutil


# Opening JSON file
f = open('./categories.json')

# Getting svgs files and folder
svgsFolder = 'svgs'
svgsFilesDirectory = os.path.join(os.path.dirname(__file__), svgsFolder)

# returns JSON object as
# a dictionary
data = json.load(f)

# Iterating through the json
# list

for category_list in data['categories']:
    for key, value in category_list.items():
            iconDircectory= os.path.join(svgsFilesDirectory, key)
            os.mkdir(iconDircectory)
            print("Directory '% s' created" % iconDircectory)
            for icon in value['icons']:
                file = str(icon) + '.svg'
                file_name = os.path.join(svgsFilesDirectory, file)
                destination = str(iconDircectory) + '/'
                print(destination)
                shutil.copy(file_name, destination)
                print("Files Moved")
# Closing file
f.close()

.py 코드를 실행하고 How We Do It을 확인합니다 :)

이제 Sketch Icons 플러그인을 사용하여 폴더를 하나씩 가져옵니다.

당신이 이것을 좋아 바랍니다! 즐기다!