How to add google font in tailwind css v4

Опубликовано: 07 Январь 2025
на канале: TechnoSunita

Hi,
In this video i have explained how you can add any custom google fonts in your tailwindcss project.
If Tailwind custom fonts are not working for you, then this video can be helpful.

Don't forget to subscribe to my video for more tips and tutorials!

#technosunita #techno #sunita #css3 #tutorialcss
Configuring Google Fonts in Tailwind CSS
About video

Please subscribe to start for FREE Now
आपका बहुत बहुत धन्यवाद
This css tutorial created by techno sunita
  / technosunita7
https://technosunita.blogspot.com/
  / technosunita
  / technosunita

Key points covered in this video:

Importing Google Fonts into your Tailwind css file
Customizing font styles and weights
Applying imported fonts to your Tailwind classes
Import fonts from google
Define font family in config file
Use font family class in html

1. techno sunita
2. technosunita
3.css3 tutorial
4. web design css tutorial
5. css3
6. css tutorial in hindi
7. Html5
8.React JS
Configuring Google Fonts in Tailwind CSSby techno sunita
   • How to add google font in tailwind cs...
_______________________________________________
Center align navigation menus using flex Change hover with css transition effects by techno sunita
   • Center align navigation menus using f...
_______________________________________________

web Design : How To Use parallax effect on scroll || parallax header by techno sunita
   • How to create parallax scrolling with...
_______________________________________________
How to Design Responsive Footer with Bootstrap and html css | Footer html tutorial by techno sunita
   • How to Design Responsive Footer with ...
_______________________________________________
listing box html css bootstrap tutorial by techno Sunita | content box css
   • listing box html css bootstrap tutori...
_______________________________________________
Ecommerce Website Layout Design in Photoshop
   / @technosunita

JavaScript Project tutorial for beginners playlist
   • Create a Responsive Personal Portfoli...

HTML and CSS tutorial for beginners playlists
   • Tailwind CSS v4 Services Section Tuto...

Figma tutorial for beginners playlists
   • how to save jpg image from figma#figm...

HTML & CSS Projects for Beginners: Learn by Building playlists
   • How to create  Product List using CSS...

Html 5 tutorial in hindi playlists
   • HTML 5 in Hindi html introduction in ...

bootstrap4 tutorial in hindi playlists
   • Where to Get Bootstrap 4 In Hindi #bo...