@font-face {
  font-family: 'Antonio-Regular';
  src: url(Antonio-Regular.ttf);
}

@font-face {
  font-family: 'Antonio-Bold';
  src: url(Antonio-Bold.ttf);
}

/*
@font-face {
  font-family: 'Roboto-Light';
  src: url(Roboto-Light.ttf);
}

@font-face {
  font-family: 'Roboto-Regular';
  src: url(Roboto-Regular.ttf);
}

@font-face {
  font-family: 'Roboto-Medium';
  src: url(Roboto-Medium.ttf);
}

@font-face {
  font-family: 'NotoSansSC-Light';
  src: url(NotoSansSC-Light.ttf);
}

@font-face {
  font-family: 'NotoSansSC-Regular';
  src: url(NotoSansSC-Regular.ttf);
}

@font-face {
  font-family: 'NotoSansSC-Medium';
  src: url(NotoSansSC-Medium.ttf);
}
*/


.ffar {
  font-family: 'Antonio-Regular';
  font-weight: 400;
}

.ffab {
  font-family: 'Antonio-Bold';
  font-weight: 700;
}

.ffrl {
  font-family: "Roboto";
  font-weight: 300;
}

.ffrr {
  font-family: "Roboto";
  font-weight: 400;
}

.ffrm {
  font-family: "Roboto";
  font-weight: 500;
}

.ffnl {
  font-family: "Noto Sans SC";
  font-weight: 300;
}

.ffnr {
  font-family: "Noto Sans SC";
  font-weight: 400;
}

.ffnm {
  font-family: "Noto Sans SC";
  font-weight: 500;
}

html[lang="en"] body,
html[lang="en"] input,
html[lang="en"] textarea {
  font-family: "Roboto";
  font-weight: 300;
}

html[lang="zh-cmn-Hans"] body,
html[lang="zh-cmn-Hans"] input,
html[lang="zh-cmn-Hans"] textarea {
  font-family: "Noto Sans SC";
  font-weight: 300;
}