폰트는 백터이기 때문에 모니터 해상도와 상관없이 깨끗한 가독성을 유지합니다. 

반면 백터가 아닌 라스터이미지는 고해상도로 바뀔 경우, 이미지가 흐려지거나 깨질 수 있습니다.

아이콘을 폰트화하면 이런 문제를 해결할 수 있고, CSS를 이용하여 자유롭게 제어할 수 있습니다.

fontello는 아이콘 이미지 또는 여러분이 갖고 있는 SVG파일을 이용하여 폰트화할 수 있습니다.

Fontello는 벡터 이미지를 웹 글꼴로 빠르게 패킹하는 도구입니다.

http://fontello.com/ 

데모

나만의 글꼴을 만드는 법 

자신의 작품으로 글꼴을 만들고 싶다면 fontello를 사용하여 프로세스를 간소화 할 수 있습니다. SVG 형식으로 이미지를 준비하세요.

1. SVG 이미지 가져 오기.
   
2. 이미지를 선택하십시오 (마우스 클릭 + 끌기로 여러 이미지를 선택할 수 있습니다).
   
3. 두 번째 탭으로 이동하여 필요한 경우 CSS 이름을 업데이트하십시오.
   
4. 세 번째 탭에서 필요한 경우 글리프 코드를 업데이트합니다.
   
5. 다운로드 버튼에서 왼쪽에 글꼴 이름을 설정하십시오.
   
6. 설정> 고급 메뉴로 이동하여 개발 정보를 입력하십시오.
   
7. 글꼴을 다운로드하십시오.
   

Fontello 대안 사이트들

• Icomoon 
  
• Fontastic 
  
• Pictos