문제 상황
가끔 라이브러리를 활용하여 가져오는 경우 아이콘이 안뜨는 경우가 있다.
문제 해결
아래 2개 사이트 중 한 곳에서 원하는 아이콘을 찾으면 된다.
필자의 경우 이 글에서 font awesome을 사용하여 아이콘을 추가하려고 한다.
w3schools : https://www.w3schools.com/icons/fontawesome5_icons_alert.asp
W3Schools.com
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
font awesome(추천) : https://fontawesome.com/
Font Awesome
The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.
fontawesome.com
무료 버전으로 가입한다.
- Start For Free 버튼을 클릭하여 이메일 인증을 진행한다.
- 가입할 때 가장 추천하는 방법으로 따라가면 된다.
- 가입이 완료되면 아래와 같은 kit이 만들어진다. 아래 있는 <script ~> 로 시작해서 </script>로 끝나는 소스 코드를 복사해준다.
- 코드로 돌아와서 <body> 사이에서 제일 밑에 복사한 코드를 넣는다.
원하는 아이콘을 찾는다.
- 돋보기 버튼 모양 클릭
- 넣고 싶은 아이콘의 검색어를 입력한다.
- PRO의 경우 유료이므로 PRO가 없는 것 중에 하나 선택해서 코드를 복사한다.
- 코드의 적절한 위치에 붙여넣고 실행해본다.
