字酷网可变字体技术解析，满足品牌宣传 + 网页排版场景需求

@font-face {
  font-family: 'ZikuVariable';
  src: url('ziku-variable.woff2') format('woff2-variations');
  font-weight: 1 999;
  font-stretch: 50% 200%;
}

@media (max-width: 768px) {
  body {
    font-family: 'ZikuVariable';
    font-variation-settings: 'wght' 300, 'wdth' 80;
  }
}

@media (min-width: 769px) {
  body {
    font-family: 'ZikuVariable';
    font-variation-settings: 'wght' 400, 'wdth' 100;
  }
}