css 不同语言下设置不同的字体

不同语言下设置不同的字体

.f-bold {
  font-weight: 600;
}

.f-medium {
  font-weight: 500;
}

.f-regular {
  font-weight: 400;
}

.f-light {
  font-weight: 300;
}

.f-thin {
  font-weight: 200;
}


.en, .ko {
& > * {
font-family: /*西文*/ NanumGothic, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial,
/*韩文*/ Apple SD Gothic Neo, NanumBarunGothic, Malgun Gothic, dotum, Lucida Grande, sans-serif;
}
}

.zh {
& > * {
font-family: /*中文*/ PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
}
}

/*---------------------------导入本地字体---------------------------*/
@font-face {
font-family: 'NanumGothic';
src:
url('./assets/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('./assets/fonts/NanumGothic.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: fallback;
}