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: [...
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'],})],} ...
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 thefontFam...
Theme: The Theme section of 'tailwind.config.js' file enables you to customize the visual design of the project by configuring colors, font-family, breakpoints and more, as shown below. /** @type {import('tailwindcss').Config} */ module.exports = { // ... theme: { colors: { 'blue...
The difference is that we omitted the extend: {} object within the theme: {} object and directly specified values for fontFamily. This will ultimately override all default fonts and use only the ones we’ve specified.In the interest of performance, Tailwind also has a purge feature that ...
Use coolGray as the default gray (700866c) 2.0.0-alpha.7 - 2020-11-05 Changed Revert upgrading to PostCSS 8 lol 2.0.0-alpha.6 - 2020-11-04 Changed Respect preserveHtmlElements option even when using custom PurgeCSS extractor (#2704) Set font-family and line-height to inherit on bo...
Use coolGray as the default gray (700866c) 2.0.0-alpha.7 - 2020-11-05 Changed Revert upgrading to PostCSS 8 lol 2.0.0-alpha.6 - 2020-11-04 Changed Respect preserveHtmlElements option even when using custom PurgeCSS extractor (#2704) Set font-family and line-height to inherit on ...
How to set a default font color in Tailwind CSS - Many Tailwind CSS developers struggle to set a default font color, resulting in inconsistent text styling and inefficient workflows due to frequent style overrides. Tailwind provides utility classes to se
Use coolGray as the default gray (700866c) 2.0.0-alpha.7 - 2020-11-05 Changed Revert upgrading to PostCSS 8 lol 2.0.0-alpha.6 - 2020-11-04 Changed Respect preserveHtmlElements option even when using custom PurgeCSS extractor (#2704) Set font-family and line-height to inherit on bo...
@tailwind base; @tailwind components; @tailwind utilities; @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;700;900&display=swap'); @layer base { html { font-family: Inter, system-ui, sans-serif; } } Now your default font is that one, and you ...