一句 CSS 让 fontawesome 图标字体变细

<p class="icon"><i class="fa fa-search"></p>

.icon{font-size:16px;color:#000;
    -webkit-text-stroke:1px white;
    -moz-text-stroke:1px white;
    -o-text-stroke:1px white;
    text-stroke:1px white;
}

原理是text-stroke可以同时往字体内部和外部填充。利用 text-stroke 这个特性，将描边的颜色设置成跟背景一样，就等于变相将字体变细了