行高line-height，border 引起的标签间的缝隙问题

问题现象：
使用字体图标，在内部绝对定位，可是总是下面无法对齐，审查元素感觉是字体图标底部空白了一部分。

html：

<a class="active">asdfghjkl</a>

css:

a.active{
    position: relative;
}
a.active:after {
    content: "\e812";
    font-family: "iconfont" !important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    bottom: 0;
}

一切看起来都那么正常~
我还专门在字体图标的demo中看了，图标本身没问题，没有空隙。

最后发现问题：
项目全局设置了line-height:1.2了，故右侧的right:0正常，而字体图标底部像是多了一条缝隙，便是那0.2的行高引起的。

解决：
在a.active:after中加line-height:1即可。

---

解决了此