How to use Multiple Google Fonts with NextJs

  Рет қаралды 1,090

The Fullstack Project

The Fullstack Project

Күн бұрын

Пікірлер: 6
@uzer-124-90sdj
@uzer-124-90sdj 5 ай бұрын
If its not working, try this add variable prop to font object: const inter = Inter({subsets: ['latin'], variable: '--font-inter'}) provide variable prop instead of className and use this variable where you need it: font-family: var(--font-inter) and if you using tailwind, add fontFamily object to your tailwind.config.js extend: { fontFamily: { inter: 'var(--font-inter)', poppins: 'var(--font-poppins)', }, after that you can use it like this
@AMUZY
@AMUZY Жыл бұрын
It is not working
@thefullstackproject
@thefullstackproject Жыл бұрын
Whats wrong
@aviiontech9098
@aviiontech9098 8 ай бұрын
Doesnt work
@thefullstackproject
@thefullstackproject 8 ай бұрын
What's the issue
React Design Patterns Every Developer Should Know
21:05
The Fullstack Project
Рет қаралды 935
Thank you mommy 😊💝 #shorts
0:24
5-Minute Crafts HOUSE
Рет қаралды 33 МЛН
Their Boat Engine Fell Off
0:13
Newsflare
Рет қаралды 15 МЛН
I'VE MADE A CUTE FLYING LOLLIPOP FOR MY KID #SHORTS
0:48
A Plus School
Рет қаралды 20 МЛН
Какой я клей? | CLEX #shorts
0:59
CLEX
Рет қаралды 1,9 МЛН
How to setup google fonts in next 13 with tailwind css
5:38
Web Dev Cody
Рет қаралды 15 М.
NextJS 13 API Routes: Better Than Expected!
15:05
Josh tried coding
Рет қаралды 114 М.
The Problem with Google Fonts (and how to fix it)
10:25
Coding in Public
Рет қаралды 11 М.
3 Ways to Add Custom Google Fonts in Next.js 14
14:44
Cand Dev
Рет қаралды 17 М.
Difference Between API Gateway and Load Balancer
12:27
The Fullstack Project
Рет қаралды 2,7 М.
Handle File Attachments in NextJS
10:21
The Fullstack Project
Рет қаралды 109
Using Fonts in Next.js (Google Fonts, Local Fonts, Tailwind CSS)
9:32
Tuomo Kankaanpää
Рет қаралды 4,2 М.
Learn Next.js Parallel Routes In 16 Minutes
16:18
Web Dev Simplified
Рет қаралды 146 М.
Thank you mommy 😊💝 #shorts
0:24
5-Minute Crafts HOUSE
Рет қаралды 33 МЛН