让界面显得专业的免费字体

界面显得业余,因为排版出问题的次数远多于因为配色出问题。字体选错、字号选错、行高选错。

下面这些都免费、可商用,而且是专门为屏幕而不是为纸张画的。

界面无衬线

Inter

最稳的默认选择:为屏幕小字号设计,还带上后台需要的等宽数字变体。

rsms.me/inter

界面无衬线

Geist

Vercel 的字体,比 Inter 更几何,并配有成套的等宽版本。

vercel.com/font

标题与界面

Manrope

标题和正文都能用,省下加载第二套字族的开销。

fonts.google.com/specimen/Manrope

完整字族

IBM Plex Sans

无衬线、衬线、窄体和等宽俱全,而且彼此协调。

ibm.com/plex

界面无衬线

Source Sans 3

Adobe 的开源字体:极其易读,也完全不会引起争议。

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

对多数产品来说两套字族就是上限:一套给界面,一套给代码。

不只是挑工具,而是要把东西做出来?

Web 应用、API、基础设施与界面。常驻巴塞罗那的自由开发者,服务全球客户。

联系我


评论

Leave a Reply

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