Matchbox
Updated Jul 29, 2021

Fonts

RESOURCES

Download Calibre – Matchbox's typeface

Calibre is available to SparkPost employees on Google Drive.

See: https://drive.google.com/drive/folders/1akZ7-y5PVD9KDacJY3QfoR-uZHVLGGei?usp=sharing

For more information, reach out to the design systems team in the Slack channel: #team-ux.


To help you get set up with Calibre, use this CSS file to install the typeface in your app. Remember to update the source paths with the location of your fonts folder.

@font-face {
  font-family: 'Calibre';
  src: url('/assets/Calibre.woff2') format('woff2'), url('/assets/Calibre.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Calibre';
  src: url('/assets/Calibre-Italic.woff2') format('woff2'),
    url('/assets/Calibre-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Calibre';
  src: url('/assets/Calibre-Medium.woff2') format('woff2'),
    url('/assets/Calibre-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Calibre';
  src: url('/assets/Calibre-MediumItalic.woff2') format('woff2'),
    url('/assets/Calibre-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Calibre';
  src: url('/assets/Calibre-SemiBold.woff2') format('woff2'),
    url('/assets/Calibre-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Calibre';
  src: url('/assets/Calibre-SemiBoldItalic.woff2') format('woff2'),
    url('/assets/Calibre-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
}