CSS

폰트어썸 사용하기(Font Awesome)

오구리 2020. 5. 31. 22:11
728x90
반응형

 

 

홈페이지 코딩시 아이콘을 폰트로 넣을 수 있는 폰트어썸

 

https://fontawesome.com/

 

Font Awesome

 

fontawesome.com

 

 

 

폰트어썸 홈페이지에서

Start for Free버튼을 클릭하고

 

스크롤을 아래로 내려서

다운로드를 클릭해준다!

 

 

 

 

폴더 이름을 font로 바꾼다

 

 

html 헤드에

폴더 경로를 연결하고

 

<link href="font/css/all.css" rel="stylesheet"><!-- 폰트어썸 연결 -->

 

 

위 메뉴에서

icon텝을 클릭하고

원하는 아이콘의 이름을 검색

 

진회색으로 활성화 된것만

무료인듯하다

 

 

 

아이콘을 클릭하면

해당 아이콘 이미지가 나오며

위의 html소스를 복사해서

붙여넣기 하면 끝!

반응형