기본적으로 Font Awesome 4 이하를 사용할때엔 회원가입이 필요 없다.
Font Awesome 5 이상을 사용하려면 사이트에서 회원 가입 후 사용해야 한다.
사이트주소 : https://fontawesome.com/
Font Awesome
The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.
fontawesome.com
버전 4 이하의 경우
https://fontawesome.com/versions 에 접속해서 zip파일을 받아서
css 폴더안에 넣어주고 HTML 문서에서 아래의 코드를 추가하면 된다.(경로는 맞춰서 수정)
<link href="/assets/css/font-awesome.min.css" rel="stylesheet">
버전 5 이상의 경우
회원입을 하고 Kit 생성을 하고 그 Kit Code를 HTML <head>부분에 추가해주고 사용하면 된다.
<script src="https://kit.fontawesome.com/*******.js" crossorigin="anonymous"></script>
둘 중 하나의 방법을 선택하고
버전 4의 경우 https://fontawesome.com/v4/icons/ 주소에서 아이콘을 선택하고
버전 5이상의 경우 https://fontawesome.com/icons 주소에서 아이콘을 선택한다.(유료, 무료를 구분해서 사용한다.)
그리고 사용법은 간단하다.
<i> 태그의 <class>속성을 추가해주면 해당 아이콘 모양을 다양하게 변형해서 사용 할 수 있다.
<i class="fa fa-camera text-primary"></i>'개발자 > 잡지식' 카테고리의 다른 글
| [QR코드] 크롬으로 QR코드 생성 (0) | 2024.07.10 |
|---|---|
| URL로 이미지 다운받는법(리눅스 wget이용) (0) | 2023.08.22 |
| DataTable 한글 옵션 설정 (0) | 2023.06.19 |
| 이클립스 project Explorer 폰트 사이즈 (0) | 2023.03.17 |