Font Awesome 아이콘 넣기

Font Awesome 다운받아 첨부하기

https://fontawesome.com/

Font Awesome 홈페이지의 다운로드 메뉴를 받아 압축을 해제하면 여러가지 파일이 나오는데 그 중에 CSS, WebFonts 두개의 폴더를 작업폴더에 복붙하면 된다. 그 후에 CSS 폴더 내에 all.css 파일을 link 태그로 head 태그에 삽입해주면 Font Awesome을 사용할 수 있다.

<link href="님 작업폴더에 있는 all.min.css 파일 경로" rel="stylesheet">

Font Awesome 아이콘 넣기

1. Font Awesome 홈페이지의 icons 메뉴로 들어간다.
2. 마음에 드는 아이콘을 선택한다.
3. 예제 코드를 HTML에 복붙하면 된다.

<i class="fas fa-book"></i>