Mengganti Default Font di Tailwind

Code snippet ini khusus dipergunakan untuk project Tailwind berbasis npm. Untuk mengganti default font, anda harus melewati 2 tahap berikut

Import Font

Anda harus mengimport font yang akan anda pergunakan. Contohnya saya menggunakan font Poppins dari google font.

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

Config Tailwind

Setelah font diimport, masukan config font tersebut pada file tailwind.config.js

module.exports = {
	purge: [],
	theme: {
		fontFamily: {
			'sans': ['Poppins', 'sans-serif']
		},
	},
	variants: {
		extend: {},
	},
	plugins: [],
}