图标字体不适合大尺寸的中心

Question

我使用的是fonttello，但它并没有从中心扩展。

我的HTML

<span class="icon-marker-dot x2 icon_centering"></span>

CSS

.icon_centering {
    font-size: 5.5em;
    color: #FFF;
    background: #428bca;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: auto;
    height: auto;
}

Answer 1

FIDDLE，现在，当您更改font-size

时，整个事情将会扩展

CSS

.icon_centering {
    font-size: 5.5em;
    line-height:2.5em;
    height:2em;
    width:2em;
    vertical-align:middle;
    overflow:hidden;
    color: #FFF;
    background: #428bca;
    border-radius: 9999em;
    display: inline-block;
    text-align: center;
}