먼저 적용방법은 아주 간단하다.
1. 사이트 <head> 태그 안에 아래의 코드를 붙입니다.
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css">
이후
https://xpressengine.github.io/XEIcon/library-2.3.3.html
XEIcon, 문자를 그리다
XEICon은 웹사이트 제작에 최적화된 벡터 그래픽 아이콘 툴킷입니다. 여러분의 아름답고 직관적인 웹페이지 제작을 돕습니다.
xpressengine.github.io
여기의 목록을 참고해서 class이름을 써주면 된다 (설명에서는 i 태그를 쓰나 어떤 태그이던 class만 제대로쓰면 정상 작동 합니다.)
<span class="xi-home"></span>
<i class="xi-home"></i>
<div class="xi-home"></div>
등등 이렇게 적용이 가능하다
제로보드 XE 운영중인 xpressengine 에서 공개중인 무료 폰트형 그림이다
XEIcon : https://xpressengine.github.io/XEIcon/started.html
'소개 > 기타' 카테고리의 다른 글
| 200115 다음 카페 점검 + 공지사항 확인방법 (0) | 2020.01.10 |
|---|---|
| 더 나은 광고 표준(Better Ads Standard)에 위배되는 광고 경험을 포함하는 것으로... (16) | 2019.12.13 |
| 배치파일(.BAT)로 파일 생성 방법 (0) | 2019.09.12 |
| 티스토리 사이트맵 올리기 (10) | 2019.04.28 |
| PWA 페이지 앱 다운받기 (0) | 2019.04.22 |
| jsdelivr 이용하기 < Github 활용 > (0) | 2019.04.15 |
| 무료이면서도 빠른 JS/CSS CDN 서버 - jsdelivr (1) | 2019.04.15 |
| 블로그에 코드블럭 적용하기 (0) | 2019.04.12 |
저작권 보호안내
무단 전재, 재배포 행위는 금지됩니다. (글을 복사하여 게시금지)
본문의 일부(링크용 문장) 인용은 가능하지만, 출처와 링크(a 태그)를 남기셔야 됩니다.
(웹툴을 이용하고, 스크린샷/녹화하는것은 상관없습니다.)
예외적으로. 저에게 허락받은 경우에는 본문을 전재할 수 있습니다.
만약, 본문 공유를 원하신다면 링크 공유를 해주세요
저작권 정책 확인하기링크 공유하기