Do it with custom css by adding this rule to your css file:

Change font weight tailwind. Clarified what font weight and font style. If you'd like to preserve the default values for a theme option but also add new values, add your extensions under the theme.extend key. Changing the default font in tailwind css;

Web if you want to change the tailwind default font size, you can do in 2 ways: Do it via a plugin by adding this to your config file: Added the path to the fonts in the src property.

Web utilities for controlling the font size of an element. Web fonts are fonts specifically created to be applied to texts on a web page. That is, say for small screens 1rem =.

The weight of a font refers to how thick or thin the strokes of each character are, with lighter weights appearing thinner and heavier weights appearing bolder. Exports = { theme : You can read more about extending the default theme in the docs :

This will vary depending on your setup. Web mention font in tailwind global css file so that it applies to all pages: Exports = { // other settings plugins:

Web afterwards compile your assets and you should have the default font sizes and your custom font size available. Web you change, add, or remove these by editing the theme.fontweight section of your tailwind config. Swap;} here we did a couple of things: