XEICON 사용방법

XEION 특성

  1. 속성이 inline-block이다
  2. 한국형 사이트라서 Brand 카카오등의 아이콘 사용 용이
  3. 아이콘이 세련됐음
  

사용방법

주소 : http://xpressengine.github.io/XEIcon/library-2.3.3.html
  1. 아이콘을 찾을때 Library 메뉴에서 찾는다. 
  
  2. <i> 태그안 클레스 네임 안에 찾은 폰트 이름을 class로 넣는다.

  Ex )   <i class="xi-close-thin close"></i>
  
  3. html에 cdm을 걸어준다.(아래 주소에서 들어가면 있음)
  http://xpressengine.github.io/XEIcon/started.html
  <link rel="stylesheet" href="http://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css">
  
  **또는 CSS에 import한다(이 방법이 더 좋다)**
   @import url('http://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css');
  
  4. 폰트처럼 자유롭게 style 수정가능
 

UNIcode사용방법

1. 위와 같은 방법으로 일단 <i> 태그로 올린후 브라우저에서 f12를 누르고
개발자모드로 확인하는 방법이 있다.

2. 반드시 font-family까지 'xeicon'으로 불러와 줘야 아이콘이 네모가 아닌 정상으로 나옴