아이콘 라이브러리 아이콘을 어떻게 알리 코드를 생성하고 자신의 프로젝트에 적용

때때로 내장 된 프레임 아이콘 우리의 요구를 충족하지 않을 수 있습니다, 효과를 보여주기 위해 특정 페이지 및 작업을 완료하는 아이콘을 많이 사용해야하는, 확실히 우리 모두가 ----- 알리 아이콘 라이브러리 알고 좋은 아이콘 라이브러리가있다. 어떻게 우리가 프로젝트 수행에 알리 아이콘 아이콘 라이브러리 참조 할 수 있습니까? 참을성 읽어!
알리 아이콘 라이브러리 주소 : https://www.iconfont.cn/
원하는 아이콘 1. 원하는 검색에 따라 가져 카트에 담기를 클릭
1.png
쇼핑 카트에 2.
2.png
클릭하여 프로젝트에 추가 3.
3.png
4.를 어떤 프로젝트에 추가, 확인을 클릭
4.png
, 당신은 코드를 해당 영어 아이콘은 다음, 사용자가 추가 아이콘을했습니다 것을 알 로컬에 다운로드를 클릭하면 글꼴 클래스 옵션을 클릭 5.
5.png
6. 당신은 압축 된 패키지를 다운로드 할 파일 압축 해제
6.png
7. 복사 프로젝트 자원 디렉토리로 처음 두 나머지 파일을 제외한 파일
7.png
즉 파일 경로를 참조 있습니다 프런트 엔드 프로젝트에 올바른 8. iconfont.css 참조 섹스.
8.png
9. 사용하는 경우

에는 클래스 이름이 필요 iconfont 두 번째 클래스 이름을 고정 첫 번째 클래스 이름을 코드가 fontClass에서 가져옵니다
9.png

10.png

추천

출처www.cnblogs.com/honely/p/11069463.html