@newrelic/gatsby-theme-newrelic/src/components/GlobalStyles/typography.js

[](https://opensource.newrelic.com/oss-category/#community-project)

import { css } from '@emotion/react';

export default css`
  @font-face {
    font-family: 'Sohne';
    src: url('https://sohne-font.s3.us-east-2.amazonaws.com/Sohne-ExtraleichtKursiv.otf')
      format('opentype');
    font-weight: 200;
    font-style: 'italic';
  }
  @font-face {
    font-family: 'Sohne';
    src: url('https://sohne-font.s3.us-east-2.amazonaws.com/Sohne-Extraleicht.otf')
      format('opentype');
    font-weight: 200;
    font-style: 'normal';
  }
  @font-face {
    font-family: 'Sohne';
    src: url('https://sohne-font.s3.us-east-2.amazonaws.com/Sohne-LeichtKursiv.otf')
      format('opentype');
    font-weight: 300;
    font-style: 'italic';
  }
  @font-face {
    font-family: 'Sohne';
    src: url('https://sohne-font.s3.us-east-2.amazonaws.com/Sohne-Leicht.otf')
      format('opentype');
    font-weight: 300;
    font-style: 'normal';
  }
  @font-face {
    font-family: 'Sohne';
    src: url('https://sohne-font.s3.us-east-2.amazonaws.com/Sohne-BuchKursiv.otf')
      format('opentype');
    font-weight: 400;
    font-style: 'italic';
  }
  @font-face {
    font-family: 'Sohne';
    src: url('https://sohne-font.s3.us-east-2.amazonaws.com/Sohne-Buch.otf')
      format('opentype');
    font-weight: 400;
    font-style: 'normal';
  }
  @font-face {
    font-family: 'Sohne';
    src: url('https://sohne-font.s3.us-east-2.amazonaws.com/Sohne-Kraftig.otf')
      format('opentype');
    font-weight: 500;
    font-style: 'normal';
  }
  @font-face {
    font-family: 'Sohne';
    src: url('https://sohne-font.s3.us-east-2.amazonaws.com/Sohne-Halbfett.otf')
      format('opentype');
    font-weight: 600;
    font-style: 'normal';
  }
  @font-face {
    font-family: 'Sohne';
    src: url('https://sohne-font.s3.us-east-2.amazonaws.com/Sohne-DreiviertelfettKursiv.otf')
      format('opentype');
    font-weight: 700;
    font-style: 'italic';
  }
  @font-face {
    font-family: 'Sohne';
    src: url('https://sohne-font.s3.us-east-2.amazonaws.com/Sohne-Dreiviertelfett.otf')
      format('opentype');
    font-weight: 700;
    font-style: 'normal';
  }

  --primary-font-family: Sohne, system-ui, sans-serif;
  --code-font: 'Menlo', 'Consolas', monospace;

  --paragraph-spacing: 1.25rem;
`;