티스토리 뷰

https://www.codingfactory.net/10127


아이콘 하나 넣으려고 부트스트랩을 이용해서 아이콘 추가하거나


이미지를 잘라와서 png로 만들어 붙여넣었던 과거여 안녕!

이젠 아이콘을 글자처럼 간단하게 추가만 하면 되는 폰트를 찾았다!


위 링크를 참고하자.



HTML 문서의 <head>와 </head> 사이에 다음의 코드를 추가합니다. (경로는 적절히 수정합니다.)



아이콘 넣기

HTML 문서에

처럼 생긴 코드를 넣으면 아이콘이 나옵니다.

예를 들어

를 넣으면 돋보기 모양의 아이콘이 나옵니다.







아래 링크는 아이콘 목록들.

https://fontawesome.com/icons?from=io

'web > css,html' 카테고리의 다른 글

w3school  (0) 2018.01.17
마진, 패딩, Border, Outline  (0) 2018.01.17
리스트  (0) 2018.01.17
css적용하기, id와 class속성  (0) 2018.01.17
utf-8로 설정하기, html프로젝트 생성하기 ,html 실행시키기  (0) 2018.01.17
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
TAG
more
«   2024/11   »
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
글 보관함