웹디자인을 쉽게 해줄 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.)