Step -1 import font in CSS file @import url(‘https://fonts.googleapis.com/css?family=Nunito:400,700&display=swap’); Extending fontFamily in tailwind.config.js /* In your tailwind.config.js */ module.exports = { theme: { // Some useful comment fontFamily: { ‘nunito’: [‘nunito’, ‘sans-serif’], ‘MyFont’: [‘”My Font”‘, ‘serif’] // Ensure fonts with spaces have ” ” surrounding it. }, }, variants: { //