Typography

Sapphire uses a consistent typography to help you build consistent UIs.







Font Family



Sapphire uses the Roboto font as its default font which is a free font available at Google Fonts.

Copy
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');





Text Utilities



To import all the Text Utilities provided by Sapphire, just copy the below code snippet and paste it in your CSS stylesheet.

Copy
@import url('https://sapphire-ui.netlify.app/Components/Text-Utilities/text-utilities.css');