[아이콘 폰트]XEIcon 아이콘 폰트 사용하는 방법

 

 

XEIcon, 문자를 그리다

 

 

 

 

 

 

설치

1. 가장 쉬운 CDN 방법
 태그 안에 아래의 코드를 붙입니다. 

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css">

 

2. Import CSS

폰트를 다운로드하여 CSS 사용하는 방법입니다.

XEIcon을 다운로드하여 자신의 폴더에 복사합니다.

XEIcon-2.2.0.zip

0.43MB

<link ="stylesheet" type="text/css" href="path/to/xeicon/xeicon.min.css">

 

 

사용 방법

HTML TAG

간단한  태그를 이용하여 사용할 수 있습니다.
사이트 메뉴 LIBRARY에 있는 클래스 명을 i 클래스에 넣어주세요

<i class="xi-home"></i>

 

 

 

 

 

크기 조절, 넓이 고정, 리스트, 아이콘 테두리 및 들여 쓰기, 자동 회전, 고정 회전 등

다양한 클래스를 이용하여 각 기능을 손쉽게 이용할 수 있습니다.