/* Display Italic Text (weight 400) */
@font-face {
  font-family: 'SF Pro Display';
  font-style: italic;
  font-weight: 400;
  src: url('./SFPro/SFProDisplayRegularItalic.woff') format('woff');
  font-display: swap;
}

/* Display Regular (weight 400) */
@font-face {
  font-family: 'SF Pro Display';
  font-style: normal;
  font-weight: 400;
  src: url('./SFPro/SFProDisplayRegular.woff') format('woff');
  font-display: swap;
}

/* Display Medium (weight 500) */
@font-face {
  font-family: 'SF Pro Display';
  font-style: normal;
  font-weight: 500;
  src: url('./SFPro/SFProDisplayMedium.woff') format('woff');
  font-display: swap;
}

/* Display Bold (weight 700) */
@font-face {
  font-family: 'SF Pro Display';
  font-style: normal;
  font-weight: 700;
  src: url('./SFPro/SFProDisplayBold.woff') format('woff');
  font-display: swap;
}

/* Display Black (weight 900) */
@font-face {
  font-family: 'SF Pro Display';
  font-style: normal;
  font-weight: 900;
  src: url('./SFPro/SFProDisplayBlack.woff') format('woff');
  font-display: swap;
}

/* Regular Text (weight 400) */
@font-face {
  font-family: 'SF Pro Text';
  font-style: normal;
  font-weight: 400;
  src: url('./SFPro/SFProTextRegular.woff') format('woff');
  font-display: swap;
}

/* Medium Text (weight 500) */
@font-face {
  font-family: 'SF Pro Text';
  font-style: normal;
  font-weight: 500;
  src: url('./SFPro/SFProTextMedium.woff') format('woff');
  font-display: swap;
}

/* Bold Text (weight 700) */
@font-face {
  font-family: 'SF Pro Text';
  font-style: normal;
  font-weight: 700;
  src: url('./SFPro/SFProTextBold.woff') format('woff');
  font-display: swap;
}