因为不同系统的渲染引擎不同,在不同的设备下使用font-weight同样的值显示会有差异,以下是我实测出来不同的值显示效果差异的总结:
ios
汉字、英文、数字:100-500显示一致(无效果)、600及以上显示一致(加粗)
Android
汉字:100-600显示一致(无效果)、700及以上显示一致(加粗)
英文、数字:100和200显示一致(更细)、有200-800数值越大越粗、800和900显示一致(更粗)
windows
中文、英文、数字:100-300显示一致(更细)、400-500显示一致(无效果)、600-900显示一致(加粗)
补充:
font-weight的值: lighter是100/200,normal是400,bold是700