12_아이콘 폰트
웹폰트를 사용하여 특수문자(한글자음 + 한자)를 삽입하듯이 다양한 아이콘을 삽입할 수 있는 기술을 말하며, 아이콘 폰트를 제공하는 업체로는 폰트어썸, 부트스트랩, 구글, XEICON등이 있음
아이콘 폰트는 기존의 아이콘을 이미지로 삽입하는 sprite image 방식의 단점을 보완한 아이콘 삽입 방법으로서 다양한 디바이스에서 활용이 가능하고 CSS를 사용하여 서식을 글자처럼 꾸밀 수 있는 장점이 있음
단점은 웹폰트를 연결하여 사용해야 하기 떄문에 내부에 폰트가 저장되어야 하거나 우베서버 주소를 통해 연결해야 함
1. fontawesome을 사용하여 아이콘 삽입
폰트어썸 폰트어썸CDN작성법 : 폰트어썸 CDN 주소를 삽입하고 span, i태그를 작성한 뒤 필요한 아이콘의 클래스명을 찾아 작성
2. bootstrap을 사용하여 아이콘 삽입하기
3. google font를 사용하여 아이콘 삽입하기
구글폰트 링크주소를 삽입한 후 > i,span 클래스명은 무조건 'material_icon'라고 작성> 태그 안에 이름 작성
add_alarm menu home chevron_left chevron_right local_grocery_store account_circle