मुफ़्त · 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-height, एक-मंज़िला 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 हो या न हो; बस लाइसेंस फ़ाइल फ़ॉन्ट के साथ रखें। कोई reserved font name नहीं, इसलिए subsetting और नाम बदलना ठीक है।