![]() You can change, add, or remove these by editing the theme.fontFamily section of your Tailwind config. Using custom values Customizing your themeīy default, Tailwind provides three font family utilities: a cross-browser sans-serif stack, a cross-browser serif stack, and a cross-browser monospaced stack. To learn more, check out the documentation on Responsive Design, Dark Mode and other media query modifiers. For example, use md:font-serif to apply the font-serif utility at only medium screen sizes and above. You can also use variant modifiers to target media queries like responsive breakpoints, dark mode, prefers-reduced-motion, and more. įor a complete list of all available state modifiers, check out the Hover, Focus, & Other States documentation. For example, use hover:font-serif to only apply the font-serif utility on hover. Tailwind lets you conditionally apply utility classes in different states using variant modifiers. ![]() Applying conditionally Hover, focus, and other states ![]() Its wide range of weights and widths, combined with its clean, geometric design, make it a go-to choice for designers around the world.The quick brown fox. Proxima Nova is a versatile, modern, and highly readable font that has found widespread use in both print and digital media.
0 Comments
Leave a Reply. |