search

contigen / non.geist

A package to use Vercelʼs font, Geist, outside of Next.js environment
https://www.npmjs.com/package/non.geist
20 stars 1 forks source link

TailwindCSS Example #4

Closed Ynnck123 closed 2 hours ago

Ynnck123 commented 2 hours ago

I would kindly ask if it would be possible to add an example, maybe just in the documentation, on how to use the package with TailwindCSS and React ? Thank you for your efforts!

contigen commented 2 hours ago

Hi! Like you would in a normal React app.

main.(jsx|tsx):

import 'non.geist'

index.css:

@layer base {
  :root {
    font-family: 'Geist Variable';
  }

or 

@layer base {
  body {
    font-family: 'Geist Variable';
    @apply m-4
  }