Font Awesome Pro 버전에서 사용하는 아이콘으로 좁힌 js 파일 만들기

2346 단어 FontAwesome

Font Awesome Pro 버전에서 사용하는 아이콘으로 좁힌 js 파일 만들기



게시 초보자입니다. fontawesome pro의 도구로 이것이 깔끔하게 할 수 있었으므로, fa의 help에 감사하면서 철저히 소개합니다.
2020년 6월 24일 현재 β판입니다.

본고 집필 시점에서는 β이므로, pro의 계정 설정으로 Beta Features:를 Enabled로 하면 다운로드의 메뉴에 「Font Awesome Pro Subsetter for Windows」(또는 Mac)가 나오므로 다운로드해 인스톨합니다.
windows,Mac라고 하는 것은 생성 툴을 움직이는 환경입니다.

이용 이미지



이미지를 보는 것이 더 빠르다고 생각하기 때문에 ...
도구를 시작한 상태입니다. 왼쪽에서 사용할 아이콘을 선택합니다. 오른쪽은 선택한 아이콘입니다.


오른쪽 하단의 "Build...Subset"버튼으로 모은 아이콘의 zip 파일을 만듭니다. 내용은 이쪽.


js 폴더의 내용은 이쪽.


이번에 선택한 아이콘은 108입니다. 예상대로 작게 정리하는 것을 알았습니다.
이번 필터링은 GUI에서 선택했지만 project를 save하면 yaml 형식의 파일로 기록되어있었습니다.
라고 하는 것은 html로부터 아이콘명을 자동 추출해 project의 정의 파일을 작성하는, 무슨 일도 할 수 있을 것 같습니다.

sample.yaml
projectName: 'C:\Users\xxx\sample'
version: 5.13.1
icons:
  - plus-square:
      - solid
  - address-card:
      - regular
      - solid
  - bookmark:
      - regular
  - check-circle:
      - regular
      - solid

좋은 웹페이지 즐겨찾기