Значок шрифта не подходит для большого размера

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