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.yamlprojectName: 'C:\Users\xxx\sample'
version: 5.13.1
icons:
- plus-square:
- solid
- address-card:
- regular
- solid
- bookmark:
- regular
- check-circle:
- regular
- solid
Reference
이 문제에 관하여(Font Awesome Pro 버전에서 사용하는 아이콘으로 좁힌 js 파일 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/PgOver50/items/b741e1941e5561ee2dd5
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
projectName: 'C:\Users\xxx\sample'
version: 5.13.1
icons:
- plus-square:
- solid
- address-card:
- regular
- solid
- bookmark:
- regular
- check-circle:
- regular
- solid
Reference
이 문제에 관하여(Font Awesome Pro 버전에서 사용하는 아이콘으로 좁힌 js 파일 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/PgOver50/items/b741e1941e5561ee2dd5텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)