Font Customization

Customizing your MtaaSpot web application's typography reinforces your brand identity and enhances readability across the platform.

Customizing Website Font

1. Go to Google Fonts and search for your desired font family.

2. Click on searched font, then click on "Get font" > "Get embed Code"

3. Copy the highlighted <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap" rel="stylesheet" /> tag, navigate to _document.js file of pages/ folder in the website code and paste it there.

4. Now navigate to globals.css file in src/styles/ folder in website code and change the --font-family: css variable to include font style according to the font link tag you've attached.It will look like

:root {
  --font-family: "Roboto", sans-serif;
}