Notice
Recent Posts
Recent Comments
Link
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags more
Archives
Today
Total
관리 메뉴

블로그

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

CSS

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

오구리 2020. 5. 31. 22:11

 

 

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

 

https://fontawesome.com/

 

Font Awesome

 

fontawesome.com

 

 

 

폰트어썸 홈페이지에서

Start for Free버튼을 클릭하고

 

스크롤을 아래로 내려서

다운로드를 클릭해준다!

 

 

 

 

폴더 이름을 font로 바꾼다

 

 

html 헤드에

폴더 경로를 연결하고

 

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

 

 

위 메뉴에서

icon텝을 클릭하고

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

 

진회색으로 활성화 된것만

무료인듯하다

 

 

 

아이콘을 클릭하면

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

위의 html소스를 복사해서

붙여넣기 하면 끝!

'CSS' 카테고리의 다른 글

CSS 그라데이션  (0) 2020.08.02
뷰포트와 미디어 쿼리  (0) 2020.06.08
CSS background-size 속성  (0) 2020.05.30
float의 문제점  (0) 2020.05.28
종속관련&화면 정가운데 배치하기  (0) 2020.05.28