关于font-weight不能正确展示字体粗细的问题记录

1.安卓字体不能正常加粗

原因

移动端安卓支持的字体有限，因此设置 500 和 600 是无效的

解决方法

移动端和PC端的字体都设置成通用，即 font-weight: normal 或者 font-weight: bold;code
优势：这两个值各类字体均可以取到，兼容性好，改动简单
缺点：PC 端字体粗细没有明确划分，可能和设计图纸不一样（这个地方可以使用媒体查询，设置 bold）

/* 移动端设置通用加粗 */
@media screen and (max-width: 991.8px) {
  .div1, .div2, .div3{
    font-weight: bold;
  }
}

/* PC端设置和设计相同的加粗 */
@media screen and (min-width: 991.8px) {
  .div1{
    font-weight: 500;
  }
  .div1{
    font-weight: 600;
  }
  .div1{
    font-weight: 700;
  }
}

2.ios中不能用font-weight 调节字体的粗细

原因

使用了font-family: PingFangSC-Medium; 在这个字体在font-weight下几乎没有字体变化 而安卓由于没有这个字体库 所以没有这个问题