fonts.css

/*

Copy fonts to config/www/fonts
https://drive.google.com/file/d/1XRnmy2k0VFxOFaicnkdYH4o-wfAYZAf1/view?usp=sharing

*/


/* * * SF Mono * * */

/* Bold */
@font-face {
  src: local('SF Mono Bold'),
  url('/local/fonts/SFMono-Bold.woff2') format('woff2');
  font-family: 'SF Mono';
  font-weight: 700;
  font-display: swap;
}

/* Bold Italic */
@font-face {
  src: local('SF Mono Bold Italic'),
  url('/local/fonts/SFMono-BoldItalic.woff2') format('woff2');
  font-family: 'SF Mono';
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Heavy */
@font-face {
  src: local('SF Mono Heavy'),
  url('/local/fonts/SFMono-Heavy.woff2') format('woff2');
  font-family: 'SF Mono';
  font-weight: 800;
  font-display: swap;
}

/* Heavy Italic */
@font-face {
  src: local('SF Mono Heavy Italic'),
  url('/local/fonts/SFMono-HeavyItalic.woff2') format('woff2');
  font-family: 'SF Mono';
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* Light */
@font-face {
  src: local('SF Mono Light'),
  url('/local/fonts/SFMono-Light.woff2') format('woff2');
  font-family: 'SF Mono';
  font-weight: 300;
  font-display: swap;
}

/* Light Italic */
@font-face {
  src: local('SF Mono Light Italic'),
  url('/local/fonts/SFMono-LightItalic.woff2') format('woff2');
  font-family: 'SF Mono';
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Medium */
@font-face {
  src: local('SF Mono Medium'),
  url('/local/fonts/SFMono-Medium.woff2') format('woff2');
  font-family: 'SF Mono';
  font-weight: 500;
  font-display: swap;
}

/* Medium Italic */
@font-face {
  src: local('SF Mono Medium Italic'),
  url('/local/fonts/SFMono-MediumItalic.woff2') format('woff2');
  font-family: 'SF Mono';
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Regular */
@font-face {
  src: local('SF Mono Regular'),
  url('/local/fonts/SFMono-Regular.woff2') format('woff2');
  font-family: 'SF Mono';
  font-weight: 400;
  font-display: swap;
}

/* Regular Italic */
@font-face {
  src: local('SF Mono Regular Italic'),
  url('/local/fonts/SFMono-RegularItalic.woff2') format('woff2');
  font-family: 'SF Mono';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Semibold */
@font-face {
  src: local('SF Mono Semibold'),
  url('/local/fonts/SFMono-Semibold.woff2') format('woff2');
  font-family: 'SF Mono';
  font-weight: 600;
  font-display: swap;
}

/* Semibold Italic */
@font-face {
  src: local('SF Mono Semibold Italic'),
  url('/local/fonts/SFMono-SemiboldItalic.woff2') format('woff2');
  font-family: 'SF Mono';
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}


/* * * SF Pro Display * * */

/* Black */
@font-face {
  src: local('SF Pro Display Black'),
  url('/local/fonts/SFProDisplay-Black.woff2') format('woff2');
  font-family: 'SF Pro Display';
  font-weight: 900;
  font-display: swap;
}

/* Black Italic */
@font-face {
  src: local('SF Pro Display Black Italic'),
  url('/local/fonts/SFProDisplay-BlackItalic.woff2') format('woff2');
  font-family: 'SF Pro Display';
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* Bold */
@font-face {
  src: local('SF Pro Display Bold'),
  url('/local/fonts/SFProDisplay-Bold.woff2') format('woff2');
  font-family: 'SF Pro Display';
  font-weight: 700;
  font-display: swap;
}

/* Bold Italic */
@font-face {
  src: local('SF Pro Display Bold Italic'),
  url('/local/fonts/SFProDisplay-BoldItalic.woff2') format('woff2');
  font-family: 'SF Pro Display';
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Heavy */
@font-face {
  src: local('SF Pro Display Heavy'),
  url('/local/fonts/SFProDisplay-Heavy.woff2') format('woff2');
  font-family: 'SF Pro Display';
  font-weight: 800;
  font-display: swap;
}

/* Heavy Italic */
@font-face {
  src: local('SF Pro Display Heavy Italic'),
  url('/local/fonts/SFProDisplay-HeavyItalic.woff2') format('woff2');
  font-family: 'SF Pro Display';
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* Light */
@font-face {
  src: local('SF Pro Display Light'),
  url('/local/fonts/SFProDisplay-Light.woff2') format('woff2');
  font-family: 'SF Pro Display';
  font-weight: 300;
  font-display: swap;
}

/* Light Italic */
@font-face {
  src: local('SF Pro Display Light Italic'),
  url('/local/fonts/SFProDisplay-LightItalic.woff2') format('woff2');
  font-family: 'SF Pro Display';
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Medium */
@font-face {
  src: local('SF Pro Display Medium'),
  url('/local/fonts/SFProDisplay-Medium.woff2') format('woff2');
  font-family: 'SF Pro Display';
  font-weight: 500;
  font-display: swap;
}

/* Medium Italic */
@font-face {
  src: local('SF Pro Display Medium Italic'),
  url('/local/fonts/SFProDisplay-MediumItalic.woff2') format('woff2');
  font-family: 'SF Pro Display';
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Regular */
@font-face {
  src: local('SF Pro Display Regular'),
  url('/local/fonts/SFProDisplay-Regular.woff2') format('woff2');
  font-family: 'SF Pro Display';
  font-weight: 400;
  font-display: swap;
}

/* Regular Italic */
@font-face {
  src: local('SF Pro Display Regular Italic'),
  url('/local/fonts/SFProDisplay-RegularItalic.woff2') format('woff2');
  font-family: 'SF Pro Display';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Semibold */
@font-face {
  src: local('SF Pro Display Semibold'),
  url('/local/fonts/SFProDisplay-Semibold.woff2') format('woff2');
  font-family: 'SF Pro Display';
  font-weight: 600;
  font-display: swap;
}

/* Semibold Italic */
@font-face {
  src: local('SF Pro Display Semibold Italic'),
  url('/local/fonts/SFProDisplay-SemiboldItalic.woff2') format('woff2');
  font-family: 'SF Pro Display';
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* Thin */
@font-face {
  src: local('SF Pro Display Thin'),
  url('/local/fonts/SFProDisplay-Thin.woff2') format('woff2');
  font-family: 'SF Pro Display';
  font-weight: 200;
  font-display: swap;
}

/* Thin Italic */
@font-face {
  src: local('SF Pro Display Thin Italic'),
  url('/local/fonts/SFProDisplay-ThinItalic.woff2') format('woff2');
  font-family: 'SF Pro Display';
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* Ultralight */
@font-face {
  src: local('SF Pro Display Ultralight'),
  url('/local/fonts/SFProDisplay-Ultralight.woff2') format('woff2');
  font-family: 'SF Pro Display';
  font-weight: 100;
  font-display: swap;
}

/* Ultralight Italic */
@font-face {
  src: local('SF Pro Display Ultralight Italic'),
  url('/local/fonts/SFProDisplay-UltralightItalic.woff2') format('woff2');
  font-family: 'SF Pro Display';
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}


/* * * SF Pro Text * * */

/* Bold */
@font-face {
  src: local('SF Pro Text Bold'),
  url('/local/fonts/SFProText-Bold.woff2') format('woff2');
  font-family: 'SF Pro Text';
  font-weight: 700;
  font-display: swap;
}

/* Bold Italic */
@font-face {
  src: local('SF Pro Text Bold Italic'),
  url('/local/fonts/SFProText-BoldItalic.woff2') format('woff2');
  font-family: 'SF Pro Text';
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Heavy */
@font-face {
  src: local('SF Pro Text Heavy'),
  url('/local/fonts/SFProText-Heavy.woff2') format('woff2');
  font-family: 'SF Pro Text';
  font-weight: 800;
  font-display: swap;
}

/* Heavy Italic */
@font-face {
  src: local('SF Pro Text Heavy Italic'),
  url('/local/fonts/SFProText-HeavyItalic.woff2') format('woff2');
  font-family: 'SF Pro Text';
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* Light */
@font-face {
  src: local('SF Pro Text Light'),
  url('/local/fonts/SFProText-Light.woff2') format('woff2');
  font-family: 'SF Pro Text';
  font-weight: 300;
  font-display: swap;
}

/* Light Italic */
@font-face {
  src: local('SF Pro Text Light Italic'),
  url('/local/fonts/SFProText-LightItalic.woff2') format('woff2');
  font-family: 'SF Pro Text';
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Medium */
@font-face {
  src: local('SF Pro Text Medium'),
  url('/local/fonts/SFProText-Medium.woff2') format('woff2');
  font-family: 'SF Pro Text';
  font-weight: 500;
  font-display: swap;
}

/* Medium Italic */
@font-face {
  src: local('SF Pro Text Medium Italic'),
  url('/local/fonts/SFProText-MediumItalic.woff2') format('woff2');
  font-family: 'SF Pro Text';
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Regular */
@font-face {
  src: local('SF Pro Text Regular'),
  url('/local/fonts/SFProText-Regular.woff2') format('woff2');
  font-family: 'SF Pro Text';
  font-weight: 400;
  font-display: swap;
}

/* Regular Italic */
@font-face {
  src: local('SF Pro Text Regular Italic'),
  url('/local/fonts/SFProText-RegularItalic.woff2') format('woff2');
  font-family: 'SF Pro Text';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Semibold */
@font-face {
  src: local('SF Pro Text Semibold'),
  url('/local/fonts/SFProText-Semibold.woff2') format('woff2');
  font-family: 'SF Pro Text';
  font-weight: 600;
  font-display: swap;
}

/* Semibold Italic */
@font-face {
  src: local('SF Pro Text Semibold Italic'),
  url('/local/fonts/SFProText-SemiboldItalic.woff2') format('woff2');
  font-family: 'SF Pro Text';
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}