FinallyReact's typography framework will be included when you import the main CSS file, most likely in a top level app file:
FinallyReact's typography framework will be included when you import the main CSS file, most likely in a top level app file:
Google's Montserrat font is used for titles. It has a heavy and compact boldness, which is great for headings.
Google's Noto Sans font is used for all other page text. It's easy on the eyes and has the perfect spacing for reading.
If needed, you can override these fonts on the html element.
FinallyReact typography is based on REM sizes. By default, your app's html element will be given font-size: 100%. This means all typography classes which use REM will adapt to the browser's font-size. The default font-size on most browsers is usually 16px, which would make 1rem = 16px by default (try changing your browser's font-size setting and refresh this page to see what happens).
FinallyReact includes a simple set of pre-built text classes which modify different elements or can be used in JSX classNames. For example: className="text-xxl" will make your text really big.