(출처 :https://nuknukhan.tistory.com/38)
o Html 에서 폰트어썸을 불러온 경우
아이콘 크기를 설정하는 클래스를 추가 사용한다.
fa-lg =>33% 확대
fa-2x =>2배
fa-3x =>3배
fa-4x =>4배
fa-5x =>5배
<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x
o css 에서 폰트어썸 을 불러온 경우
html 에서 그 불러온 태그에 class="fa-3x" 만 추가해주면 똑같이 적용된다.
예시 )
'웹1' 카테고리의 다른 글
| padding 연습, position 정리 (0) | 2023.08.17 |
|---|---|
| 2023-08-04 ,position,white-space, overflow,table 태그,::after (0) | 2023.08.04 |
| 2023-08-03 ,border-radius,:hover , ul/li 노멀라이징, (0) | 2023.08.04 |
| 2023-06-07 닌텐도 top -bar 최종 (0) | 2023.06.07 |
| 2023-06-07 닌텐도 top -bar 수정본 (0) | 2023.06.07 |