인터페이스를 프로답게 보이게 하는 무료 글꼴

인터페이스가 아마추어처럼 보이는 이유는 색보다 타이포그래피 쪽인 경우가 훨씬 많습니다. 글꼴이 틀렸거나, 크기가 틀렸거나, 행간이 틀렸거나.

아래 글꼴들은 무료이고 상업적 사용이 가능하며, 종이가 아니라 화면을 위해 그려졌습니다.

인터페이스 산세리프

Inter

안전한 기본값. 화면의 작은 크기를 위해 설계됐고, 대시보드에 필요한 숫자 변형도 갖췄습니다.

rsms.me/inter

인터페이스 산세리프

Geist

Vercel의 글꼴. Inter보다 기하학적이며 짝을 이루는 고정폭도 함께 나옵니다.

vercel.com/font

제목과 UI

Manrope

제목과 본문 모두에서 쓸 수 있어 두 번째 글꼴 가족을 불러올 필요가 없습니다.

fonts.google.com/specimen/Manrope

완결된 가족

IBM Plex Sans

산세리프, 세리프, 좁은 폭, 고정폭이 모두 있고 서로 잘 어울립니다.

ibm.com/plex

인터페이스 산세리프

Source Sans 3

어도비의 오픈 글꼴. 대단히 읽기 좋고 논란의 여지가 없습니다.

fonts.google.com/specimen/Source+Sans+3

제목용

Space Grotesk

랜딩 페이지에 개성을 주면서도 본문 크기에서 읽기 어렵지 않습니다.

fonts.google.com/specimen/Space+Grotesk

고정폭

JetBrains Mono

몇 시간씩 코드를 읽기 위해 설계됐고, 합자는 끌 수 있습니다.

jetbrains.com/lp/mono

직접 호스팅

Fontsource

위의 어떤 글꼴이든 npm 패키지로 설치해 Google Fonts 의존을 끊을 수 있습니다.

fontsource.org

대부분의 제품에서 글꼴 가족은 둘이 한계입니다. 인터페이스용 하나, 코드용 하나.

고르는 것에서 끝나지 않고, 만들어야 한다면?

웹 앱, API, 인프라, 인터페이스. 바르셀로나 기반 프리랜서, 어디에 있는 클라이언트든 환영합니다.

연락하기


코멘트

Leave a Reply

Your email address will not be published. Required fields are marked *