@font-face {
  font-family: "OPPOSans-B";
  src: url("font/OPPOSans-B.woff2") format("woff2"),
       url("font/OPPOSans-B.woff") format("woff"),
       url("font/OPPOSans-B.ttf") format("truetype"),
       url("font/OPPOSans-B.eot") format("embedded-opentype"),
       url("font/OPPOSans-B.svg") format("svg");
}
@font-face {
  font-family: "OPPOSans-H";
  src: url("font/OPPOSans-H.woff2") format("woff2"),
       url("font/OPPOSans-H.woff") format("woff"),
       url("font/OPPOSans-H.ttf") format("truetype"),
       url("font/OPPOSans-H.eot") format("embedded-opentype"),
       url("font/OPPOSans-H.svg") format("svg");
}
@font-face {
  font-family: "OPPOSans-L";
  src: url("font/OPPOSans-L.woff2") format("woff2"),
       url("font/OPPOSans-L.woff") format("woff"),
       url("font/OPPOSans-L.ttf") format("truetype"),
       url("font/OPPOSans-L.eot") format("embedded-opentype"),
       url("font/OPPOSans-L.svg") format("svg");
}
@font-face {
  font-family: "OPPOSans-M";
  src: url("font/OPPOSans-M.woff2") format("woff2"),
       url("font/OPPOSans-M.woff") format("woff"),
       url("font/OPPOSans-M.ttf") format("truetype"),
       url("font/OPPOSans-M.eot") format("embedded-opentype"),
       url("font/OPPOSans-M.svg") format("svg");
}
@font-face {
  font-family: "OPPOSans-R";
  src: url("font/OPPOSans-R.woff2") format("woff2"),
       url("font/OPPOSans-R.woff") format("woff"),
       url("font/OPPOSans-R.ttf") format("truetype"),
       url("font/OPPOSans-R.eot") format("embedded-opentype"),
       url("font/OPPOSans-R.svg") format("svg");
}