아이콘 폰트

https://material.io/tools/icons/ ionicons 아이콘 폰트를 사용하다가 구글에서 무료로 제공하는 머티리얼 아이콘 폰트를 적용해봤다. 역시 간단하게 사용할 수 있도록 CDN을 제공한다. 아래 CDN 코드를 head 태그 사이에 삽입하자. 기본적으로 다른 아이콘 폰트와 동일하게 i 태그를 사용하고 클래스 명은 material-icons 를 사용하는데 i 태그 사이에 원하는 아이콘의 이름을 써넣으면 아이콘이 출력된다. 예시로 face 아이콘 출력을 원한다면 아래와 같이 하면 된다. face face .material-icons.md-18 { font-size: 18px; } .material-icons.md-24 { font-size: 24px; } .material-icons.m..

내가 사용하는 아이콘 폰트는 ionicons에서 제공하는 폰트다. 이유는 CDN을 제공해서 사용법도 간단하고 깔끔한 아이콘이 많기 때문이다. 우측 사이드바에 보면 공지사항이나 카테고리 글자 앞에 아이콘 모양으로 있는 게 아이콘 폰트다. 일반적으로 어떠한 크기던 얼마든지 변경 가능하고 CSS를 이용해 다양한 효과를 줄 수 있는 게 특징이다. 또, 호출 태그도 간단해서 사용하기도 편하다. http://ionicons.com/ 위 사이트에 접속해서 우측 상단 Usage 메뉴를 클릭하고 스크롤을 조금 내려보면 아래와 같은 CDN이 있는데, 이를 복사해서 블로그 관리 > 스킨 편집 > HTML 탭의 태그 바로 위에 아래와 같이 삽입한다. 그다음, 아래 코드를 CSS 탭 제일 아래에 삽입한다. /* */로 표기된 ..