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;
}