@font-face kits를 이용하여 버튼 아이콘 만들기-고급팁
퍼블리셔/css2012. 1. 22. 06:00
CSS3가 많이 보편화 됐습니다. 익스플로러만 사용하지 않는다면 거의 모든 브라우져들이 html5와 CSS3를 많이 지원합니다. 이번에는 웹폰트를 활용해서 버튼을 만들고 아이콘까지 포함되는 방법을 알아보겠습니다. 이것은 이미지없이 CSS 코드만으로 버튼을 만들고 아이콘까지 적용하는 방법입니다. 완성작을 한번 보여드리겠습니다. 먼저 html 마크업은 아주 간단합니다. 아래와 같습니다. Download 다음은 CSS 코드입니다. body { width: 500px; margin: 200px auto; background: #666; } .button { width: 450px; height: 100px; line-height: 100px; color: #333; text-decoration: none; fo..