Fonts

Every font, live

Browse 2,071 Google fonts and all bundled local fonts. Search for a font by name, then copy the import statement into your project.

Showing 24 of 2,085 matching fonts

Abeezee
Beautiful typography
Abeezee
Abel
Beautiful typography
Abel
AbhayaLibre
Beautiful typography
AbhayaLibre
Aboreto
Beautiful typography
Aboreto
AbrilFatface
Beautiful typography
AbrilFatface
AbyssinicaSil
Beautiful typography
AbyssinicaSil
Aclonica
Beautiful typography
Aclonica
Acme
Beautiful typography
Acme
Actor
Beautiful typography
Actor
Adamina
Beautiful typography
Adamina
AdlamDisplay
Beautiful typography
AdlamDisplay
AdventPro
Beautiful typography
AdventPro
AdwaitaMono
Beautiful typography
AdwaitaMono
AdwaitaSans
Beautiful typography
AdwaitaSans
Afacad
Beautiful typography
Afacad
AfacadFlux
Beautiful typography
AfacadFlux
Agbalumo
Beautiful typography
Agbalumo
Agdasima
Beautiful typography
Agdasima
AguDisplay
Beautiful typography
AguDisplay
AguafinaScript
Beautiful typography
AguafinaScript
Aileron
Beautiful typography
Aileron
Akatab
Beautiful typography
Akatab
AkayaKanadaka
Beautiful typography
AkayaKanadaka
AkayaTelivigala
Beautiful typography
AkayaTelivigala

Using these fonts

Each Google font can be imported by name and called as a function:

app/layout.tsx
import { Inter, Roboto_Mono } from "swift-rust/font/google";

const inter = Inter({ subsets: ["latin"], display: "swap", variable: true });

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return <html className={inter.variable}><body>{children}</body></html>;
}

Local fonts are loaded with localFont:

app/fonts.ts
import { localFont } from "swift-rust/font/local";

const myFont = localFont({
  src: "./fonts/MyFont.woff2",
  weight: "400 700",
  display: "swap",
});