Search results
Breakpoints and media queries. You can also use variant modifiers to target media queries like responsive breakpoints, dark mode, prefers-reduced-motion, and more. For example, use md:font-bold to apply the font-bold utility at only medium screen sizes and above.
- Font Weight
Responsive. To control the font weight of an element at a...
- Font Style
Utilities for controlling the style of text. Basic usage....
- Font Size
Tailwind’s default theme configures a sensible default...
- Font Weight
Utilities for controlling the style of text. Basic usage. Italicizing text. The italic utility can be used to make text italic. Likewise, the not-italic utility can be used to display text normally — typically to reset italic text at different breakpoints. italic. The quick brown fox jumps over the lazy dog. not-italic.
Tailwind’s default theme configures a sensible default line-height for each font-size utility. You can configure your own default line heights when using custom font sizes by defining each size using a tuple of the form [fontSize, lineHeight] in your tailwind.config.js file.
Responsive. To control the font weight of an element at a specific breakpoint, add a {screen}: prefix to any existing font weight utility. For example, use md:font-bold to apply the font-bold utility at only medium screen sizes and above.
Responsive. To control the font weight of an element at a specific breakpoint, add a {screen}: prefix to any existing font weight utility. For example, use md:font-bold to apply the font-bold utility at only medium screen sizes and above.
11 paź 2024 · Discover techniques for balancing emphasis in design using bold text with Tailwind CSS. Bold text emphasizes key information, improving user engagement and design aesthetics.
Learn how to use .text-{weight} classes to change the font weight of text with TW elements. See basic and advanced examples of text bold styles and get tips from MDBootstrap.