@font-face {
   font-family: 'OPPO Sans';
   src: local('OPPO Sans Heavy'), local('OPPOSans-Heavy'),
      url('../fonts/OPPOSans-Heavy.woff2') format('woff2'),
      url('../fonts/OPPOSans-Heavy.woff') format('woff'),
      url('../fonts/OPPOSans-Heavy.ttf') format('truetype');
   font-weight: 900;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'OPPO Sans';
   src: local('OPPO Sans Bold'), local('OPPOSans-Bold'),
      url('../fonts/OPPOSans-Bold.woff2') format('woff2'),
      url('../fonts/OPPOSans-Bold.woff') format('woff'),
      url('../fonts/OPPOSans-Bold.ttf') format('truetype');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'OPPO Sans';
   src: local('OPPO Sans Bold Italic'), local('OPPOSans-BoldItalic'),
      url('../fonts/OPPOSans-BoldItalic.woff2') format('woff2'),
      url('../fonts/OPPOSans-BoldItalic.woff') format('woff'),
      url('../fonts/OPPOSans-BoldItalic.ttf') format('truetype');
   font-weight: bold;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: 'OPPO Sans Ultra';
   src: local('OPPO Sans Ultra Italic'), local('OPPOSans-UltraItalic'),
      url('../fonts/OPPOSans-UltraItalic.woff2') format('woff2'),
      url('../fonts/OPPOSans-UltraItalic.woff') format('woff'),
      url('../fonts/OPPOSans-UltraItalic.ttf') format('truetype');
   font-weight: 900;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: 'OPPO Sans';
   src: local('OPPO Sans Light'), local('OPPOSans-Light'),
      url('../fonts/OPPOSans-Light.woff2') format('woff2'),
      url('../fonts/OPPOSans-Light.woff') format('woff'),
      url('../fonts/OPPOSans-Light.ttf') format('truetype');
   font-weight: 300;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'OPPO Sans Ultra';
   src: local('OPPO Sans Ultra'), local('OPPOSans-Ultra'),
      url('../fonts/OPPOSans-Ultra.woff2') format('woff2'),
      url('../fonts/OPPOSans-Ultra.woff') format('woff'),
      url('../fonts/OPPOSans-Ultra.ttf') format('truetype');
   font-weight: 900;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'OPPO Sans';
   src: local('OPPO Sans Medium'), local('OPPOSans-Medium'),
      url('../fonts/OPPOSans-Medium.woff2') format('woff2'),
      url('../fonts/OPPOSans-Medium.woff') format('woff'),
      url('../fonts/OPPOSans-Medium.ttf') format('truetype');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'OPPO Sans';
   src: local('OPPO Sans Regular Italic'), local('OPPOSans-RegularItalic'),
      url('../fonts/OPPOSans-RegularItalic.woff2') format('woff2'),
      url('../fonts/OPPOSans-RegularItalic.woff') format('woff'),
      url('../fonts/OPPOSans-RegularItalic.ttf') format('truetype');
   font-weight: normal;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: 'OPPO Sans';
   src: local('OPPO Sans Heavy Italic'), local('OPPOSans-HeavyItalic'),
      url('../fonts/OPPOSans-HeavyItalic.woff2') format('woff2'),
      url('../fonts/OPPOSans-HeavyItalic.woff') format('woff'),
      url('../fonts/OPPOSans-HeavyItalic.ttf') format('truetype');
   font-weight: 900;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: 'OPPO Sans';
   src: local('OPPO Sans Light Italic'), local('OPPOSans-LightItalic'),
      url('../fonts/OPPOSans-LightItalic.woff2') format('woff2'),
      url('../fonts/OPPOSans-LightItalic.woff') format('woff'),
      url('../fonts/OPPOSans-LightItalic.ttf') format('truetype');
   font-weight: 300;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: 'OPPO Sans';
   src: local('OPPO Sans Medium Italic'), local('OPPOSans-MediumItalic'),
      url('../fonts/OPPOSans-MediumItalic.woff2') format('woff2'),
      url('../fonts/OPPOSans-MediumItalic.woff') format('woff'),
      url('../fonts/OPPOSans-MediumItalic.ttf') format('truetype');
   font-weight: 500;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: 'OPPO Sans';
   src: local('OPPO Sans Regular'), local('OPPOSans-Regular'),
      url('../fonts/OPPOSans-Regular.woff2') format('woff2'),
      url('../fonts/OPPOSans-Regular.woff') format('woff'),
      url('../fonts/OPPOSans-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}