Text

Typography components for text content

<p>This is a paragraph with some <span class="fnt-bold">bold text</span> and some <span class="fnt-italic">italic text</span>. More text variations can be done using the <hf-link><a href="/utility-classes">utility classes</a></hf-link>.</p> <hf-blockquote> <blockquote> <p>This is something somebody said.</p> </blockquote> </hf-blockquote> <small>This is for small print, side-comments, disclaimers, etc.</small>

This is a paragraph with some bold text and some italic text. More text variations can be done using the utility classes .

This is something somebody said.

This is for small print, side-comments, disclaimers, etc.

Notes

The text component provides consistent styling for various text elements.

• Use utility classes for text variations (bold, italic, etc.)
• Includes styling for paragraphs, blockquotes, and small text
• See utility classes documentation for more text styling options