网站调用oppo字体

可以参考OPPO官网

 <style>
    @font-face {
      font-family: "OPPOSans-Ver2-Bold";
      src: url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Bold.woff2) format("woff2"),
      url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Bold.woff) format("woff"),
      url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Bold.ttf) format("truetype");
      font-variation-settings: 'wght' 700;
      font-style:normal;
      font-display:swap;
    }

    @font-face {
      font-family: "OPPOSans-Ver2-Medium";
      src: url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Medium.woff2) format("woff2"), 
      url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Medium.woff) format("woff"),
      url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Medium.ttf) format("truetype");
      font-variation-settings: 'wght' 500;
      font-style:normal;
      font-display:swap;
    }

    @font-face {
      font-family: "OPPOSans-Ver2-Regular";
      src: url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Regular.woff2) format("woff2"), 
      url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Regular.woff) format("woff"),
      url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Regular.ttf) format("truetype");
      font-variation-settings: 'wght' 400;
      font-style:normal;
      font-display:swap;
    }

    /* oppo sans 1.0 兼容字体 */
    @font-face {
      font-family:'OPPOSans-Bold';
      src:url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans-B.woff2) format("woff2"),
      url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans-B.woff) format("woff"),
      url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans-B.ttf) format("truetype");
      font-style:normal;
      font-display:swap
    }

    @font-face {
      font-family:'OPPOSans-Medium';
      src:url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans-M.woff2) format("woff2"),
      url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans-M.woff) format("woff"),
      url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans-M.ttf) format("truetype");
      font-weight:200;
      font-style:normal;
      font-display:swap
    }

    @font-face {
      font-family:'OPPOSans-Regular';
      src:url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans-R.woff2) format("woff2"),
      url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans-R.woff) format("woff"),
      url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans-R.ttf) format("truetype");
      font-weight:200;
      font-style:normal;
      font-display:swap
    }
  </style>