유용한 웹 폰트 다운로드 웹사이트 (무료 웹폰트)

웹 폰트 미리 보기, 다운로드 웹사이트 

해당 웹사이트에서는 웹폰트를 확인, 검색하고 소스코드를 제공받거나 다운로드할 수 있도록 제공합니다. 또한 원하는 문구를 넣어 테스트가 가능합니다.

개인용, 상업용으로 무료로 사용할 수 있는 범위가 다를 수 있으니 확인을 하는 것이 좋습니다. 

 

1. Google Fonts

https://fonts.google.com/

Browse Fonts - Google Fonts

2. 눈누 

https://noonnu.cc/

눈누

 

 

---

 

웹 폰트 형식으로 만들어진 아이콘

SVG 방식의 아이콘이 없던 시절에는 비트맵 이미지로 아이콘을 만들곤 했습니다. 지금은 사이즈를 변경해도 품질이 저하되지 않도록 SVG 기반의 벡터 그래픽을 폰트 화해서 제공하는 서비스가 있습니다. 아래 폰트는 SVG 파일로도 다운로드가 가능하지만 웹폰트처럼 CSS로 링크해 사용이 가능합니다. 사용하기가 무척 편리해서 지금은 없어서는 안 될 폰트입니다.

1. Google Fonts > Icons 

HTML 코딩 방식 : <span class="material-symbols-outlined">add</span> 

https://fonts.google.com/icons

Material Symbols and Icons - Google Fonts

 

2. fontello 

HTML 코딩 방식 : <i class="icon-home"></i>

https://fontello.com/

Fontello - icon fonts generator