This will set the default font family of the website to Poppins. tailwind.config.js:/** @type {import('tailwindcss').Config} */ module.exports = { content: ["./src/**/*.{html,js}"], theme: { extend: { fontFamily:{ 'poppins':['Poppins','sans-serif'] } }, }, plugins: [...
fontFamily The font-family utilities like font-serif fontSize The font-size utilities like text-3xl fontSmoothing The font-smoothing utilities like antialiased fontStyle The font-style utilities like italic fontVariantNumeric The font-variant-numeric utilities like oldstyle-nums fontWeight The font-we...
Font Family Tailwind CSS uses a defaultfontfamily stack, but similar to colors, you can change these defaults to match your project’s typography style. In thetailwind.config.jsfile, you can extend or replace the default font family. To add custom font families, use the extend property within...
If you just want to set some defaults for the page (like the text color, background color, or font family), the easiest option is just adding some classes to the html or body elements: <!doctype html> <html lang="en" class="text-gray-900 bg-gray-100 font-serif"> <!-- ... -...
Next, we must add the font family to the tailwind.config.js file.Customizing Tailwind to use the fontLet’s tell Tailwind to use the Poppins font that we added instead. Open up your tailwind.config.js file and update the configuration to extend the Poppins font we just added:...
Theme –We can store “colors”, and “fontFamily” in this section. Extend– We want to follow the same classes given by tailwind but increase the value then we specify it here. Plugins –If you want to use any type of plugin then it should be specified here. ...
Set font-family and line-height to inherit on body to behave more like v1.x (#2729) 2.0.0-alpha.5 - 2020-10-30 Changed Upgrade to PostCSS 8 (59aa484) 2.0.0-alpha.4 - 2020-10-29 Added Support deep merging of arrays of objects under extend (#2700) 2.0.0-alpha.3 - 2020...
Set font-family and line-height to inherit on body to behave more like v1.x (#2729) 2.0.0-alpha.5 - 2020-10-30 Changed Upgrade to PostCSS 8 (59aa484) 2.0.0-alpha.4 - 2020-10-29 Added Support deep merging of arrays of objects under extend (#2700) 2.0.0-alpha.3 - 2020-...
Tailwind Font Family Tailwind CSS Font size Tailwind CSS Font Weight Tailwind CSS Gap Tailwind Grid Auto Columns Tailwind Grid Auto Rows Tailwind Grid Auto Flow Tailwind Grid Column Start/End Tailwind Grid Row Start/End Tailwind Grid Tailwind CSS Hyphens Tailwind Height Tailwind CSS Invisibility Tailwi...
Default font Set default font. /** @type {import('tailwindcss').Config} */module.exports={content:["./src/**/*.{html,js}"],theme:{extend:{},},plugins:[require('@stratox/tailwind').config({fontFamily:['Helvetica','Arial','sans-serif'],})],} ...