Reshaped supports various tokens that control text content styles such as font size and line height. These tokens are grouped and made available through the Text utility component.

Text components support responsive syntax for their variants. This means you can change the applied font based on the viewport:

<Text variant={{ s: "title-6", m: "title-5" }} />

Learn more about the Text component in its documentation: