font-variant-east-asian与简繁体转换实例页面

展示

代码

• HTML：

  <p title="简体">勤学好问，知书达理</p>
  <p class="traditional" title="字形转换的繁体">勤学好问，知书达理</p>
  <p title="真正的繁体">勤學好問，知書達理</p>

• CSS：

  p {
      font-family: 'PingFang SC', 'Yu Gothic', system-ui;
      font-size: 2rem;
  }
  .traditional {
      font-variant-east-asian: traditional;
  }