Web/HTML | CSS|JAVASCRIPT

폰트 어썸(Font Awesome) 사용법

싸공 2020. 7. 28. 17:36

https://fontawesome.com/ 접속






좌측 상단 Icons 클릭




좌측 Free 선택




원하는 아이콘 선택


Start Using This Icon 선택





HTML COPY





<script src="https://kit.fontawesome.com/a076d05399.js"></script>


script 추가





ex


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
</head>
<body>
    <i class="fas fa-angry"></i>
    <i class="fas fa-archive"></i>
    <i class="fas fa-baby"></i>
    <i class="fas fa-backspace"></i>
    <i class="fas fa-backspace"></i>
    <i class="fas fa-bacterium"></i>
</body>
</html>