@font-face {
  font-family: "SF Pro SC";
  font-style: normal;
  font-weight: 100;
  src: local("☺︎"),
    url("../fonts/SF-Pro-SC/v1/PingFangSC-Ultralight.woff2") format("woff2"),
    url("../fonts/SF-Pro-SC/v1/PingFangSC-Ultralight.woff") format("woff"),
    url("../fonts/SF-Pro-SC/v1/PingFangSC-Ultralight.ttf") format("truetype");
}

@font-face {
  font-family: "SF Pro SC 100";
  src: url("../fonts/SF-Pro-SC/v1/PingFangSC-Ultralight.eot");
}

@font-face {
  font-family: "SF Pro SC";
  font-style: normal;
  font-weight: 200;
  src: local("☺︎"), url("../fonts/SF-Pro-SC/v1/PingFangSC-Thin.woff2") format("woff2"),
    url("../fonts/SF-Pro-SC/v1/PingFangSC-Thin.woff") format("woff"),
    url("../fonts/SF-Pro-SC/v1/PingFangSC-Thin.ttf") format("truetype");
}

@font-face {
  font-family: "SF Pro SC 200";
  src: url("../fonts/SF-Pro-SC/v1/PingFangSC-Thin.eot");
}

@font-face {
  font-family: "SF Pro SC";
  font-style: normal;
  font-weight: 300;
  src: local("☺︎"), url("../fonts/SF-Pro-SC/v1/PingFangSC-Light.woff2") format("woff2"),
    url("../fonts/SF-Pro-SC/v1/PingFangSC-Light.woff") format("woff"),
    url("../fonts/SF-Pro-SC/v1/PingFangSC-Light.ttf") format("truetype");
}

@font-face {
  font-family: "SF Pro SC 300";
  src: url("../fonts/SF-Pro-SC/v1/PingFangSC-Light.eot");
}

@font-face {
  font-family: "SF Pro SC";
  font-style: normal;
  font-weight: 500;
  src: local("☺︎"), url("../fonts/SF-Pro-SC/v1/PingFangSC-Medium.woff2") format("woff2"),
    url("../fonts/SF-Pro-SC/v1/PingFangSC-Medium.woff") format("woff"),
    url("../fonts/SF-Pro-SC/v1/PingFangSC-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "SF Pro SC 500";
  src: url("../fonts/SF-Pro-SC/v1/PingFangSC-Medium.eot");
}

@font-face {
  font-family: "SF Pro SC";
  font-style: normal;
  font-weight: 600;
  src: local("☺︎"),
    url("../fonts/SF-Pro-SC/v1/PingFangSC-Semibold.woff2") format("woff2"),
    url("../fonts/SF-Pro-SC/v1/PingFangSC-Semibold.woff") format("woff"),
    url("../fonts/SF-Pro-SC/v1/PingFangSC-Semibold.ttf") format("truetype");
}

@font-face {
  font-family: "SF Pro SC 600";
  src: url("../fonts/SF-Pro-SC/v1/PingFangSC-Semibold.eot");
}

@font-face {
  font-family: "SF Pro SC";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/SF-Pro-SC/v1/PingFangSC-Regular.eot");
  src: local("☺︎"), url("../fonts/SF-Pro-SC/v1/PingFangSC-Regular.woff2") format("woff2"),
    url("../fonts/SF-Pro-SC/v1/PingFangSC-Regular.woff") format("woff"),
    url("../fonts/SF-Pro-SC/v1/PingFangSC-Regular.ttf") format("truetype");
}