You can read more about extending the default theme in the docs :

Change font weight tailwind. Also, you don't need to add the font weights in the londrina array. Web you change, add, or remove these by editing the theme.fontweight section of your tailwind config. 12 there are three steps to getting a custom font into a tailwindcss project.

Swap;} here we did a couple of things: Do it via a plugin by adding this to your config file: Do it with custom css by adding this rule to your css file:

Web listen tailwind font weight tailwind font weight is an important aspect of typography, as it helps to convey the tone and style of the content being presented. I'm wondering if there is a way to set the base for the rem unit in a responsive manner. That is, say for small screens 1rem =.

Web i usually add the fonts in the src directory and then have a fonts.css file which is then imported into something like app.css. Changing the default font in tailwind css; Web fonts are fonts specifically created to be applied to texts on a web page.

Adding the local font to tailwind; Added the path to the fonts in the src property. Web these can be used in combination with tailwind’s breakpoint modifiers to change the overall font size of a piece of content at different viewport sizes:

You change, add, or remove these by editing the theme.fontweight section of your tailwind config. Clarified what font weight and font style. Web afterwards compile your assets and you should have the default font sizes and your custom font size available.