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

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

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

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

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

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

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

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

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

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

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