HTML 폰트어썸 Font Awesome 5 에서 fa , fab, fas, far, fal 사용범위
페이지 정보
본문
폰트어썸 사용방법
<link rel="stylesheet" href="//use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">
<i class="fa fa-camera-retro"></i> <!-- version 4's syntax -->
<i class="fas fa-camera-retro"></i> <!-- version 5's syntax -->
<i class="far fa-camera-retro"></i> <!-- example: regular style of camera-retro -->
<i class="fal fa-camera-retro"></i> <!-- example: light style of camera-retro -->
fa 는 4.x , 5x 에서 Free
fab 는 5.x 에서 Free
fas 는 5.x 에서 Free
far , fal 은 5.x 에서 Pro only
참고자료
https://fontawesome.com/how-to-use/on-the-web/setup/upgrading-from-version-4
<link rel="stylesheet" href="//use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">
<i class="fa fa-camera-retro"></i> <!-- version 4's syntax -->
<i class="fas fa-camera-retro"></i> <!-- version 5's syntax -->
<i class="far fa-camera-retro"></i> <!-- example: regular style of camera-retro -->
<i class="fal fa-camera-retro"></i> <!-- example: light style of camera-retro -->
fa 는 4.x , 5x 에서 Free
fab 는 5.x 에서 Free
fas 는 5.x 에서 Free
far , fal 은 5.x 에서 Pro only
참고자료
https://fontawesome.com/how-to-use/on-the-web/setup/upgrading-from-version-4
댓글목록
등록된 댓글이 없습니다.