goodui
获取 Pro

免费 · SIL Open Font License

goodui Sans & Display

套件自己的字体。Sans 用于界面，Display 用于标题，各一个可变字体文件。任何项目都能用。

下载 (314 KB)许可证woff2 + ttf，React Native 用静态 ttf，字重 300–900

字号瀑布

13pxBookings this week: 24 appointments, 1,024 of 1,110 slots filled by 11:00.
14pxBookings this week: 24 appointments, 1,024 of 1,110 slots filled by 11:00.
16pxBookings this week: 24 appointments, 1,024 of 1,110 slots filled by 11:00.
24pxBookings this week: 24 appointments, 1,024 of 1,110 slots filled by 11:00.
48pxBookings this week: 24 appointments, 1,024 of 1,110 slots filled by 11:00.
96pxBookings this week: 24 appointments, 1,024 of 1,110 slots filled by 11:00.
DisplayShip the product, not the plumbing.

标志性字形

上为 Figtree，下为 goodui Sans。 double-storey g · straight y · flat-cut t · open @ · flat Q tail · footed 1 · dotted tabular 0 · geometric & · ui ligature.

Figtree
g y t @ Q 1 0 & R ui
goodui Sans
g y t @ Q 1 0 & R ui
粗体
g y t @ Q 1 0 & R ui
ui 连字
dlig or ss01
goodui goodui
字标
单个字形，U+E000
等宽数字
tnum，点式零
$12,480.00$1,024.50$100.00
斜线零
zero
0.00 · 10:00
替代字形
ss02：单层 a 和 g，弧形 R
a g R a g R
Display
更紧凑，x 高度更低，单层 a
Rate & review

正文

Quietly, the booking wizard guides every client through staff, service and time. At 13 to 15 px the apertures, the x-height and the rhythm decide whether a dashboard feels calm. goodui Sans keeps Figtree's open shapes and adds its own signature: a double-storey g, a straight y, flat cuts on t, Q and @, a footed 1 and tabular figures with a dotted zero.

使用

Theme Studio 默认就用这对字体，并会输出同样的配置。

app/layout.tsx (Next.js)
import localFont from "next/font/local"

const gooduiSans = localFont({ src: "./fonts/goodui/GooduiSans-Variable.woff2", weight: "300 900", variable: "--font-goodui-sans", display: "swap" })
const gooduiDisplay = localFont({ src: "./fonts/goodui/GooduiDisplay-Variable.woff2", weight: "300 900", variable: "--font-goodui-display", display: "swap" })

// <html className={`${gooduiSans.variable} ${gooduiDisplay.variable}`}>, then in globals.css:
// :root { --font-sans: var(--font-goodui-sans), system-ui, sans-serif; --font-heading: var(--font-goodui-display), system-ui, sans-serif; }
React Native (goodui Native)
// Expo: copy native/ into components/goodui-native/foundation/fonts, then in app/_layout.tsx
import { useGooduiFonts } from "@/components/goodui-native/foundation/fonts"

const fontsReady = useGooduiFonts() // ThemeProvider switches every Text to goodui Sans once true

许可证

SIL Open Font License 1.1。基于 Erik Kennedy 的 Figtree，从源文件重建，重绘了字形，新增了特性和间距。可在任何项目中使用、嵌入和修改，不限于 goodui；请把许可证文件和字体放在一起。没有保留字体名，所以子集化和重命名都没问题。