본문 바로가기
디자인 스킬/아이콘 디자인

웹디자인을 쉽게 해줄 7가지 폰트아이콘 소개

*본 포스트는 "SITE-POINT'에 게재된 " CHRIS COYIER"가 쓴 "5 Golden Rules For Mobile Email Design"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다.

*본 포스트는 2012년에 기재된 포스트로서 현 시점에서 내용과 다소 차이가 있을 수 있으나, 현재에도 유용한 정보를 담고 있다고 판단하여 번역하는 내용이니 이에 참고 바랍니다.

2012년 초 TNW에서는 폰트아이콘(icon font)의 사용세가 증가함을 보고 드린 바 있습니다.


폰트아이콘에 대해서 아직 잘 모르시는 분들을 위해 설명 드리자면, 과거 딩뱃폰트의 실용적인 형태의 업그레이드 버전이라고 보시면 될 것 같습니다. Pictonic에 설명에 의하면 폰트아이콘은 기존 이미지 리소스 보다 14% 빠른 처리속도를 보이며, SVG파일들 보다 90% 가량 용량이 작을 수 있다고 합니다.


많은 폰트아이콘 후보들 중에 저희가 엄선한 7가지 폰트아이콘을 설명 드리고자 합니다.

1. 폰트어썸 (Font Awesome, 무료) [링크]

트위터 부트스트랩과 좋은 호환성으로 유명하기도 한 폰트어썸입니다. 가장 대표적인 폰트아이콘 서비스라고 볼 수 있습니다.


2. 폰텔로 (Fontello, 무료)  [링크]

폰트어썸과 달리 원하는 폰트들만을 골라 담아서 폰트아이콘을 만들 수 있습니다. Font Awesome, Entypo, Iconic, Brandico와 같은 폰트아이콘 제공 업체들의 폰트들을 활용할 수 있습니다.


3. 모던픽토그램 (Modren Pictograms, 무료)  [링크]

18픽셀에서도 잘 보일 수 있도록 디자인된 것을 특징으로 합니다. pixel-perfect로 깔끔한 비주얼을 보여줍니다.


4.타이피콘스 (Typicons, 무료)  [링크]

매우 깔끔한 디자인을 보여주는 웹폰트입니다.


5. 파운데이션아이콘폰트 (Foundation Icon Fonts, 무료) [링크]

ZURB 사에서 제공하는 프레임워크용 아이콘 세트입니다.


6. 피크토닉 (Pictonic, 무료~$160) [링크]

2,300개의 아이콘 세트를 제공하며, 그 중 230개는 무료로 제공됩니다.


7. 픽토스 (Pictos, $49) []

자체 CDN서버를 가지고 있어서, 쉽게 폰트들에 접근할 수 있는 특징을 지닙니다.


위 7가지 항목들 모두 우수한 품질을 지니며, 반응형 디자인 등과 같은 모바일 환경에도 문제 없이 적용됨을 확인할 수 있었습니다. 폰트아이콘의 특징인 크기, 색상 등을 마음껏 바꿀 수 있다는 장점과 함께 말이죠.


저작권 관련 정보 (License Info.)

  • 원 저작 게시물 제목(Original Post Title) : 7 Awesome icon fonts to speed up your site and your design process
  • 원 저작 게시물 주소(Original Post URL) : URL Link
  • 원 저작 게시물 제공(Original Post Provider) : TNW
  • 본 콘텐츠는 유용한 정보를 널리 알리려는 취지에서 해외 기사를 국문으로 번역하여 제공하는 포스트입니다.
    (This post is a translated content to Korean in purpose to spread good information more broadly over the globe.)
  • 번역된 내용 상의 문제가 있거나, 저작권 침해 요소가 있다고 저작권자가 판단할 경우, 요청에 따라 언제든지 지워질 수 있습니다.
    (If the translated content has some problems itself or the original content provider/creator think posting the translated content here inappropriate, this can be removed immediately upon request.)
  • 번역된 콘텐츠는 CC 4.0 기준을 따르며, 정보 공유 시 최초 저작자(원 저작 관련 내용)를 콘텐츠 내에 표기해 주어야 합니다.
    (The translated content follows CC 4.0 policy. When it's shared, the original content provider/creator has to be attributed in the content.)


태그