폰트로 이미지 표시하기

http://sir.co.kr/bbs/board.php?bo_table=ds_tip&wr_id=2458

• HackYa
• 님이 작성하신 글이 이 글의 출처입니다.
  
  

디자이너 분들에게 유용한 글이라서, 자게에 써놓았다가 

http://sir.co.kr/bbs/board.php?bo_table=cm_free&wr_id=971822

여기에 올립니다.

font awesome 등, 폰트로 이미지를 표시할 수 있는 방법이 있습니다.

http://fontawesome.io/icon/github/

font awesome 처럼 폰트로 이미지를 표시해주는 폰트들의 잇점

1. 로딩속도가 가장 우선시 되는 모바일 페이지에서 이런 폰트 사용은 선택이 아니라 필수가 아닐까 하는 생각까지 듭니다.

2. 관리가 매우 편합니다.  사이트를 이전하거나 사이트 구조를 바꿀경우, 상대경로건 절대 경로건 참 번거스러운데, 이런 걱정을 할 필요가 없습니다.

3. 아이콘 만드느라 뽀샵에서 시간소비하지 않아도 됩니다.

font awesome 에서 맘에 드는 이미지를 찾지 못하는 경우:

http://typicons.com/

http://thedesignoffice.org/project/modern-pictograms

http://fontello.com/

http://zurb.com/playground/foundation-icons (여기를 주로 쓰시게 되는 분들도 계실겁니다.)

https://pictonic.co/

유료 사이트는 소개시켜 드리지 않겠습니다.  무료 폰트만 이용하셔도 충분하실 겁니다.