<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 这个特性，将描边的颜色设置成跟背景一样，就等于变相将字体变细了