html - 图标字体不适合以大尺寸居中

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;
}