HTML

custom font family tailwind

// Main CSS file
// Add Google Fonts Import

// ---style.css---
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap');


// ---tailwind.config.js----
module.exports = {
  content: [],
  theme: {
    fontFamily: {
      // Add your custom fonts and enjoy.
      'Inter': ["Inter", "Sans-serif"]
    },
    extend: {},
  },
  plugins: [],
}

tailwind font normal style

---------------|---------------------
Class          |  Properties
---------------|---------------------
italic	       |  font-style: italic;
not-italic     |  font-style: normal;
---------------|---------------------
font-bold      | font-weight: 700;
font-extrabold | font-weight: 800;