HTML

폰트어썸(FontAwesome) 사용하기

yeji717 2020. 5. 9. 15:14

1) 폰트어썸 홈페이지 접속!

https://fontawesome.com/

 

Font Awesome

 

fontawesome.com

 

2) 첫 시작페이지에서 Start for Free 를 클릭

 

 

 

 

3) 입력창에 이메일 주소를 입력하고 Send Kit Code버튼을 누르면 입력한 주소로

이메일을 확인한 다음 버튼을 누른다. 

 

 

 

 

 

 

4) 폰트어썸 홈페이지 검색창에 찾고 싶은 아이콘의 이름을 검색한다. 

 

 

 

 

 

 

5)  i class 부분을 복사한다.

 

 

 

6) 이메일 주소 입력후 받은 코드를 html에 넣은 후 

 

 

 

 

 

7) 위에서 복사한 i 부분을 넣고 싶은 부분에 붙여넣기한다.

 

 

 

 

 

8) 완성!..