圖標字體不適合以大尺寸爲中心

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