Fonts in tailwindcss
I was just curious, where does tailwindcss gets its fonts from?
I just added this thing inside
extend object of tailwind.config.js file and was able to use the font.
6 Replies
Did you check if it was truly Proxima Nova? Have you installed this on your local machine?
By default, Tailwind provides three font family utilities: a cross-browser sans-serif stack, a cross-browser serif stack, and a cross-browser monospaced stack
In case you want to read:
https://tailwindcss.com/docs/font-family
Font Family - Tailwind CSS
Utilities for controlling the font family of an element.
This is hosted on vercel.
The other two
font-family properties are overwritten here.
Yes. Have you read the article from the link I shared? I hope you will understand from it 🙂
I have read it. None of the sections specifies what fonts can be used in tailwindcss. I picked a random font from fonts.google.com, added it to the tailwind config file and it worked.