前端如何正确的引入字体

@font-face {
  font-family: PingFangSC-Medium;                          //名称
  src:url("../font/PingFang\ Medium_downcc.otf");     //地址
}
@font-face {
  font-family: PingFangSC-Regular;
  src:url("../font/PingFang\ Regular.otf");
}
@font-face {
  font-family: HiraginoSansGB-W3;
  src:url("../font/Hiragino\ Sans\ GB\ W3.otf");
}
@font-face {
  font-family: 冬青黑体W3;
  src:url("../font/冬青黑体W3.otf");
}
@font-face {
  font-family: HiraginoSansGB-W6;
  src:url("../font/苹果丽黑w36.otf");
}