font-awesome 라이브러리 사용 방법

Question

나는 바보 같은 질문을하고 있을지 모르지만 나는 자바 스크립트와 그 libs의 초보자이다.

나는 this post 같은 문제를 가로 질러 와서 허용 대답에,

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 

그러나이 선이 있었다이 줄을 추가 한 후 내가있는 IMG가 포함되지 않은 경우에도 메뉴 바의 아이콘이 내 HTML. 또한이 스타일 시트로 만든이 아이콘의 위치를 ​​조작 할 수 없습니다. 누구나이 맥락에서 무엇을 설명 할 수 있습니까? 나는이 코드 줄없이 CSS와 자바 스크립트는 간단한 <img class="search" src="icon.png" width="30" height="30">

에 적용 할 수없는 것으로 나타났습니다합니다 (post 참조) 그리고 날이 코드 줄에 아이콘의 위치를 ​​조정에 대해 어떻게 가능할까요?

Answer 1

글꼴 awesome은 CSS 시트이므로 특정 요소에 "font awesome classes"를 사용하면 아이콘이 나타납니다. jpg 또는 아무것도 혼란스러워 할 필요가 없습니다.

<i class="fa fa-address-book" aria-hidden="true"></i> 

일반 HTML에서는 아무 것도 수행하지 않습니다. 스타일 시트를 페이지에 추가하면 주소록 아이콘이 나타납니다.

모든 아이콘이 여기에 있습니다 : http://fontawesome.io/icons/