아이콘을 넣을 수 있는 방법 2가지에 대해 알아보자!
① XEICON (xpressengine.github.io/XEIcon/) - 회원가입 X
↓ 사이트 <head>태그 안에 아래의 코드를 붙인다 ↓
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css">
↓ 메뉴인 "LIBRARY"를 클릭하고 마음에 드는 아이콘의 제목을 아래와 같이 작성한다 ↓
<i class="xi-xpressengine"></i> xpressengine </i>
* 자세한 내용은 XEICON > GET STARTED 에서 확인이 가능하다
(xpressengine.github.io/XEIcon/started.html)
* 아이콘 관련 기능에 대한 소개 : (xpressengine.github.io/XEIcon/examples.html)
② Fontawesome (fontawesome.com/) - 회원가입 O
- 회원가입 후, 계정을 클릭하고 "font awesome CDN"을 클릭한다
↓ 사이트 <head>태그 안에 아래의 코드를 붙인다 ↓
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css" integrity="sha384-vSIIfh2YWi9wW0r9iZe7RJPrKwp6bG+s9QZMoITbCckVJqGCCRhc+ccxNcdpHuYu" crossorigin="anonymous">- 그 후, 메뉴 "icons"를 클릭한 후 마음에 드는 아이콘을 클릭하여 코드를 복사 붙여넣기하면 된다!
'웹 > HTML' 카테고리의 다른 글
| [코딩 공부_108] article과 section, div를 구분하자! (0) | 2021.09.06 |
|---|---|
| [코딩 공부_77] 파비콘 적용하기 (0) | 2021.05.14 |
| [코딩 공부_17] 절대경로? 상대경로? 경로 표기법에 대해 알아보자! (0) | 2021.03.04 |
| [코딩 공부_13] DGBook 만들어 보기 (0) | 2021.02.26 |
| [코딩 공부_11] <button> 태그 관련 버그 해결 (0) | 2021.02.24 |
댓글