본문 바로가기
언어공부/python

Font awesome icons 사용법.

by Olivia Ha 2018. 3. 14.




자세한 내용 : https://www.w3schools.com/icons/fontawesome_icons_intro.asp




1. <head> 에 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 추가하기.


(링크는 https://www.bootstrapcdn.com/fontawesome/에서 )


link:css 단축키로 불러올 수 있음.


2. 그리고 <body>에 i class 이용해서 아이콘 넣기. 
(아이콘은 여기서 찾기 https://fontawesome.com/icons/fighter-jet?style=solid)


i.fa.아이콘 이름 으로 간편하게 아이콘 넣기.

뒤에 fa-lg 넣으면 사이즈 커짐
EX) i.fa.fa-cog fa-lg =>  <i class="fa fa-cog fa-lg"></i>