1. 구글에 font awesome cdn을 검색합니다.
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 12.5% of all websites, serving over 200 billion requests each month, powered by Cloudflare. We make
cdnjs.com
2. 링크를 복사합니다.
4.7버전은 다음과 같습니다. https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/all.min.css
다음 코드를 <head></head> 사이에 넣습니다.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
3. 아래 Font Awesome 페이지의 icons 메뉴를 들어갑니다.
4. 마음에 드는 아이콘을 선택합니다.
5. 예제 코드를 HTML에 삽입합니다.
6. 예를 들어 책모양 아이콘의 경우에는 → <i class="fas fa-book">책모양아이콘</i>
<i class="fas fa-book">책모양아이콘</i>
Font Awesome Icons
Get 1535 icons right now with FA Free, plus another 7020 icons with Pro, which also gets you another 53 icon category packs as we finish them! Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle. Ligatures for easier des
fontawesome.com
'프로그래밍 > 팁' 카테고리의 다른 글
| 동기와 비동기, 정의와 차이점 (0) | 2023.04.16 |
|---|---|
| VS code 주석 넣기 (0) | 2022.04.17 |
