웹icon적용하기
cloud
span이나 i태그를 활용하여 css로 문자를 아이콘으로 바꿔줌
add_alert 방식별 icon 종류와 지정법 보기
https://www.w3schools.com/icons/icons_reference.asp
- Font Awesome5 방식
- html의 head안에 <script src="...code.js"></script>를 추가
- icon 적용 부분에 <i class="fas ***"></i>를 추가
- * 첫번째 class명은 필수, 두번째 class명(***)이 icon의 종류임.
- Font Awesome4 방식
- html의 head안에 <link rel="stylesheet" href="...min.css">를 추가
- icon 적용 부분에 <i class="fas ***"></i>를 추가
- - 첫번째 class명은 필수, 두번째 class명(***)이 icon의 종류임.
- Bootstrap 방식
- html의 head안에 <link rel="stylesheet" href="...min.css"> 를 추가
- icon 적용 부분에 <i class="glyphicon ***"></i>를 추가
- - 첫번째 class명은 필수, 두번째 class명(***)이 icon의 종류임.
- Google 방식
- html의 head안에 <link rel="stylesheet" href="...Material+Icons">를 추가
- icon 적용 부분에 <i class="material-icons">***</i>를 추가
- - class명은 필수. 태그 사이의 문자 ***이 icon의 종류임.