<h2>Overview</h2>
<p>The content provides information on setting up and using the chakra-capsize theme for styling the body and heading fonts of a component. It discusses the requirements for setting up the theme, including the font metrics, text size theme keys, and options for configuring space between lines of text.</p>
<h2>Features</h2>
<ul>
<li><strong>Defined Body &#x26; Heading Font</strong>: Specifies the body and heading fonts to be used in the theme.</li>
<li><strong>Font Metrics for Each Defined Font</strong>: Requires the corresponding font metrics to be available for calculating the correct trim values.</li>
<li><strong>Text Size Theme Keys</strong>: Allows defining the text size as either a font size value or a cap height value.</li>
<li><strong>Space Between Lines of Text</strong>: Provides options for configuring the gap between lines of text, including lineGap, leading, and lineHeight.</li>
</ul>
<h2>Summary</h2>
<p>The chakra-capsize theme allows for easy customization of the body and heading fonts of a component by providing options for specifying fonts, font metrics, text size, and the gap between lines of text. This article provides a detailed guide on how to set up and use the theme, ensuring accurate trimming and precise control over the size and spacing of text elements.</p>


Ceteio

Chakra Capsize