뷰는 라이브러리 아이콘 알리를 인용

공식 웹 사이트 http://www.iconfont.cn/를 입력 우선

재판 : HTTPS : //blog.csdn.net/qq_34802010/article/details/81451278

아이콘 라이브러리를 선택

 

 

 

 

내부 장바구니 (오른쪽 상단)에 추가, 당신의 마음에 드는 아이콘을 선택한 다음 튜토리얼의 로컬 [온라인 훨씬이 부분에 다운로드 프로젝트에 쇼핑 카트 추가를 클릭하고 간단한 공식 웹 사이트 인터페이스는 잘 이해된다. ]

로컬 아카이브 압축 해제를 다운로드했습니다. 당신은 녹색 화살표 만 빨간색과 노란색 상자가 필요하지 않습니다.

 

 

 

 

뷰 프로젝트는 새 폴더 Iconfont의 자산 경로에 경로를 찾을 복사 및 개인의 프로젝트 파일 [이름]에 붙여 넣습니다

 

 

 

 

수정 main.js는 : 수입 './assets/Iconfont/css/iconfont.css'(주 경로 문제는) 자신의 [경로] iconfont.css를 사용

 

 

파일 경로를 수정 : 네 개의 파일이 수정 될 수있는 절대 경로 필요가 있습니다.

 

iconfont.css에서 경로를 수정     

참고 :

URL ( "데이터 : 애플리케이션 / X-폰트 woff2; 문자셋 = UTF-8,베이스 64, d09GMgABAAAAAAKUAAsAAAAABlw)의 경로를 변경할 필요가 없다

 

그림 시작은, 내가 원하는 상대 경로를 추가 내가 함께 CSS 파일을 WOFF 직접 있도록 일부 사진 온라인 URL (iconfont.woffXXXX가) ← 이런 식으로, 당신은, 상대적으로 직선 경로를 설정할 수 있습니다 될 수 없다 이 가능합니다.

 

 

 

 

상기 변경 후도 경로 ↑

그럼 당신은 직접 호출 할 수 있습니다

이 같이 :

<I 클래스 = "아이콘 iconfont"> & #의 xe63e; </ I> 데모에서 직접 호출;

 

PS : 당신이 다음 그림에 문제가있는 경우 :

 

 

 

 

해결 방법 : NPM 설치 CSS 로더 --save