关于给字体设置font-weight属性值时100和400显示一样的问题

项目中使用的是微软雅黑字体，给某些标题设置字体样式时发现 font-weight: 100; 与 font-weight: 400; 显示一致

此问题解释见于《CSS新世界》P357，主要原因在于 微软雅黑 字体缺少字重，导致100与400渲染出来的显示一致

那如果使用微软雅黑字体的情况下如何控制字体的粗细呢？那么可以使用 -webkit-text-stroke 属性来设置字体描边来达到一定的加粗效果

.panel-title {
   	height: calc(100% - 40px);
    text-align: center;
    margin-top: 10px;
    -webkit-text-stroke: 0.4px #000;
}

效果就是这样子的了