Home IT/WEB 상업용 무료폰트 다운로드 사이트

상업용 무료폰트 다운로드 사이트

디자인을 할 때 이미지를 선택하고 element 요소를 배치하는 것도 중요하지만 정보를 잘 전달하기 위해서는 폰트 선택도 중요합니다. 그렇다고 인터넷에서 다운로드 해서 아무런 폰트를 사용했다가는 저작권 침해로 고소 당할 수 있으니 폰트를 구매해서 사용하거나 상업적으로 사용해도 되는 폰트를 확인후 사용해야합니다.

inline ad

상업용 무료폰트 다운로드 사이트를 소개하고자 합니다.

눈누

https://noonnu.cc/

눈누
눈누

눈누는 상업용 무료 폰트를 한눈에 볼 수 있는 서비스로
사이트에 접속해 텍스트를 입력하면 어떤 필체로 표현되는지 확인하고 다운을 받을 수 있도록 제공하고 있습니다.

눈누
눈누

눈누에서 아래의 공지사항의 글이 있어 공유해드립니다.

모든 폰트의 저작권은 눈누가 아닌 각 제작사/제작자에 있으며, 폰트 이름 밑에서 제작사/제작자를 확인하실 수 있습니다.

폰트카드의 폰트 이름을 클릭하면 라이선스 내용을 확인할 수 있으며, 보다 상세한 라이선스 내용은 다운로드 버튼을 누르면 나오는 폰트 사이트에서 확인해주시기 바랍니다.

눈누에 문의를 해주셔도 눈누는 대략적인 라이선스 안내만 해드릴 수 있으며, 정확한 라이선스는 제작사/제작자에 직접 문의하셔야함을 알려드립니다.

사용방법

마켓트레이더스 로고는 잘난체를 사용했는데요. 다운로드 버튼을 누르면 잘난체 폰트를 다운로드 할 수 있는 사이트로 이동됩니다. 어기어때 라는 사이트에서 사용되어진 폰트인데 무료로 라이센스를 제공됩니다.

https://www.goodchoice.kr/font

잘난체
잘난체
잘난체
잘난체

배달의 민족 폰트

https://www.woowahan.com/#/fonts

우아한형제들은 모두가 제약 없이 아름다운 한글을 쓸 수 있도록 배달의민족 한나체·주아체·도현체·연성체·기랑해랑체·한나체 Air·한나체 Pro·을지로체를 만들어 무료로 배포하고 있습니다.

배달의 민족체를 이용해서 디자인한 것을 쉽게 볼 수 있습니다. 그만큼 폰트가 좋다는 거겠죠? 깔끔하면서 가독성이 좋은 폰트인거 같습니다. 최근에 나온 을지로체도 마음에 들고 한나체, 도현체, 주아체 등 너무 괜찮은 폰트를 무료로 배포해주시니 너무 감사할 따름입니다. 앞으로도 기대되는 폰트 입니다.

배달의 민족 도현체
배달의 민족 을지로체
배달의민족 한나체

구글 폰트

https://fonts.google.com/

영어와 한글을 지원하고 있는 구글 폰트 입니다.
이곳에서도 눈누와 같이 텍스트를 입력 하고 어떤 필체로 표현되는지 확인이 가능하고 필터링 처리를 사면서 검색을 할 수 있어서 사용자가 쉽게 폰트를 찾을 수 있도록 도와줍니다.
Trend 순위별로 확인이 가능하여 어떤 폰트를 많이 사용하는지도 가늠할 수 있고 저는 영문 폰트 다운 받으러 갈 때는 구글 폰트를 많이 이용합니다.

웹에서 사용할 경우 폰트를 import 할 수 있도록 소스코드도 제공해줍니다.

<link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">

나눔글꼴

https://hangeul.naver.com/2017/nanum

네이버는 2008년부터 매년 새로운 글꼴을 만들어 무료로 배포하고 있습니다. 국내에서 나눔글꼴체를 뺄 순 없겠죠? 네이버 블로그에서도 나눔글꼴체를 사용하고 있으며 웹사이트에서도 나눔글꼴체를 제일 많이 사용하는 거 같습니다. 저는 나눔스퀘어를 웹폰트로 많이 사용하고 있습니다.

RECENT POSTS

[javscript]API 응답에서 키 값들을 검증하는 방법

API 응답에서 다수의 키 값들을 검증할 때 코드의 중복을 줄이는 것은 유지보수성을 향상시키고, 가독성을 높이는 데 중요합니다. 이를 위해 몇 가지 접근 방법을 사용할...

[javscript]특정 키를 제외하고 두 객체를 비교하는 방법

특정 키를 제외하고 두 객체를 비교하는 작업은 데이터의 동등성을 평가하고 싶을 때 유용합니다. Lodash 라이브러리를 통해서 처리할 수 있는 방법에 대해서 살펴보겠습니다. Lodash를 사용한 특정...

[javscript]배열을 특정 키의 값에 따라 정렬하는 방법, _.orderBy

Lodash의 _.orderBy 메소드를 사용하면 배열을 특정 키의 값에 따라 정렬할 수 있습니다. 이 메소드는 배열의 각 항목을 정렬할 기준이 되는 하나 이상의 속성 이름과...

[css]autoprefixer: end value has mixed support, consider using flex-end instead warning 처리 및 다양한 에러 메시지 의미

이 경고 메시지는 CSS를 처리하는 도구인 Autoprefixer가 justify-content: end; 속성값을 처리하려 할 때 발생합니다. Autoprefixer는 CSS에 벤더 접두사를 자동으로 추가해 주는 도구로, 다양한 브라우저에서 CSS 속성이...