/****************************************************** TYPOGRAPHY The one place the portal's typefaces are defined. To change the font, or add a second face for headings, edit the tokens below — nothing else in the portal names a typeface directly. The to the font provider lives in the of each layout alongside this file. ******************************************************/ /* Self-hosted Roboto. Nothing in the default look uses it any more, but brands/sjiaa.css still asks for it by name, so the faces stay declared. */ @font-face { font-family: Roboto; src: url(../fonts/Roboto-Regular.ttf); } @font-face { font-family: Roboto; src: url(../fonts/Roboto-Medium.ttf); font-weight: 500; } @font-face { font-family: Roboto; src: url(../fonts/Roboto-Bold.ttf); font-weight: 700; } :root { --font-sans: 'Inter', 'Segoe UI', Arial, sans-serif; /* Headings share the body face today. Point this at a second family here if that ever changes. */ --font-heading: var(--font-sans); --font-mono: 'Consolas', 'Courier New', monospace; } /* Utility classes for the odd element that needs a face the cascade doesn't already give it. Prefer inheriting from body. */ .font-sans { font-family: var(--font-sans); } .font-heading { font-family: var(--font-heading); } .font-mono { font-family: var(--font-mono); } /* Inter's default figures are proportional, which makes amounts and card numbers ragged in tables. Apply to any numeric column. */ .font-tabular { font-variant-numeric: tabular-nums; }