Font Awesome / 폰트어썸
폰트 어썸은 무료로 사용할 수 있는 웹 아이콘을 제공하는 유용한 사이트입니다.
직접 아이콘 디자인을 하지 않고도 폰트 어썸에서 간단한 검색으로 마음에 드는 아이콘을 찾아서 적용할 수 있습니다.
폰트어썸 링크 : https://fontawesome.com/
위 링크에 접속 후 Start 버튼을 눌러줍니다.
이메일 주소 입력 후 Send Kit Code 버튼을 클릭합니다.
그러면 입력한 메일 주소로 링크가 포함된 메일이 도착합니다. 해당 링크를 클릭하면 다음과 같은 화면이 나옵니다.
해당 화면에 나온 코드를 Copy Kit Code 버튼으로 복사하여 html의 <head>태그 사이에 넣어줍니다.
위 과정으로 기본 사용준비를 마쳤습니다.
아래는 원하는 아이콘을 웹페이지에 삽입하는 방법입니다.
저는 검색 아이콘을 찾기 위해 'search'라는 키워드로 검색했습니다.
검색 결과 다양한 아이콘들이 나옵니다.
이 중에서 무료 아이콘을 찾기 위해 왼쪽 Free를 클릭합니다.
마음에 드는 아이콘을 선택 후 Start Using This Icon 버튼을 누르면 뜨는 코드를 복사해둡니다.
그 후 <body> 태그 내에 원하는 부분에 아까 복사해둔 아이콘 코드를 사용하시면 됩니다.
<i class="fas fa-search"></i>
'Web' 카테고리의 다른 글
| [Bootstrap] 부트스트랩 활용하기 (버튼) (0) | 2020.02.19 |
|---|---|
| [Bootstrap] 부트스트랩 사용하기 (0) | 2020.02.19 |
| bitmani WAMP apachi 로컬서버 동작 확인하기 (0) | 2020.02.17 |
| bitnami WAMP 설치하기 (0) | 2020.02.03 |