Fonts

In Astro, the fonts are static assets, in the public folder.

Site Fonts

Font Name	Usage Role
Montserrat	Base font
Poller One	Heading font
Permanent Marker	Display font

SCSS

In @/styles/base/_typography.scss, exported to base and imported in index.scss which is linked in the BaseLayout.

@mixin fonts() {
  & {
    @font-face {
      font-family: 'Montserrat';
      src: url("/fonts/Montserrat-VariableFont_wght.ttf") format('truetype');
      font-style: normal;
    }
  }

  & {
    @font-face {
      font-family: 'Poller';
      src: url("/fonts/PollerOne-Regular.ttf") format('truetype');
      font-style: normal;
    }
  }

  & {
    @font-face {
      font-family: 'Permanent Marker';
      src: url("/fonts/PermanentMarker-Regular.ttf") format('truetype');
      font-style: normal;
    }
  }
}