Ücretsiz · SIL Open Font License

goodui Sans & Display

Kitin kendi yazı tipi. Arayüzler için Sans, başlıklar için Display, her biri tek değişken dosya. Her projede kullanmak serbest.

İndir (314 KB)Lisanswoff2 + ttf, React Native için statik ttf, 300–900

Şelale

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.

İmza glifler

Üstte Figtree, altta 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

Kalın

g y t @ Q 1 0 & R ui

ui ligatürü

dlig or ss01

goodui goodui

Logotip

tek glif, U+E000

Tablo rakamları

tnum, noktalı sıfır

$12,480.00$1,024.50$100.00

Çizgili sıfır

zero

0.00 · 10:00

Alternatifler

ss02: tek katlı a ve g, kavisli R

a g R a g R

Display

daha sıkı, daha alçak x yüksekliği, tek katlı a

Rate & review

Metin

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.

Kullan

Theme Studio bu çiftle başlar ve aynı kurulumu yazdırır.

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

Lisans

SIL Open Font License 1.1. Erik Kennedy'nin Figtree'sine dayanır; kaynağından yeniden çizilmiş glifler, yeni özellikler ve yeni aralıklarla yeniden kurulmuştur. goodui olsun olmasın her şeyde kullan, göm ve değiştir; lisans dosyasını yazı tipleriyle birlikte tut. Ayrılmış yazı tipi adı yok, yani alt küme çıkarmak ve yeniden adlandırmak serbest.