1. Font Awesome 5 CDN주소 받기
https://cdnjs.com/libraries/font-awesome
font-awesome - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers
The iconic SVG, font, and CSS toolkit - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 11% of all websites, powered by Cloudflare. We make it faster and easier to load library files on yo
cdnjs.com
css / js 등 원하는 포멧을 선택한 후
위에서 얻은 링크를 HTML의 <head></head> 사이에 붙여넣기 한다.
2. 아이콘 고르기
아래의 사이트에서 받고 싶은 아이콘을 고른다.
https://fontawesome.com/icons?d=gallery&p=2&m=free
Font Awesome
The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.
fontawesome.com
<사용법>
- Free를 클릭하여 무료버전만 필터링 합니다.
- 그중에서 Solid만 필터링 합니다.
- 아이콘의 아래에 있는 아이콘이름을 복사합니다.
- 복사한 이름을 아래와 같이 fas fa- 다음에 적용합니다.
-<i class="fas fa-address-book"></i>
- 복사한 이름을 아래와 같이 fas fa- 다음에 적용합니다.
위 내용을 자세하게 설명한 블로그
Font Awesome 5를 슬기롭게 사용하는 방법
웹사이트를 개발하다 보면 아이콘이 필요한 경우가 많습니다. 인터넷을 찾아보면 다양한 방법과 형식으로 무료로 제공해 주는 웹사이트가 많이 있는데요. 그중에서도 가장 많이 사용되는 폰트
ux.stories.pe.kr
'문제와 해결' 카테고리의 다른 글
| 헤더,푸터 includes 시 스크립트 동작 오류 (0) | 2023.01.30 |
|---|---|
| href scr url 차이점(보완필요) (0) | 2021.07.01 |
| react 이미지 경로 문제 (0) | 2021.06.23 |
| [HTML/CSS]배경고정스크롤 (0) | 2021.06.14 |
| npm run start 되지 않을 때 (미해결) (0) | 2021.06.10 |
