Sto cercando disperatamente di ottenere il mio carattere di lente di ingrandimento per renderlo più grande. Il codice qui sotto funziona bene in Firefox ma non in Chrome o IE9.Font-Awesome Come ottenere caratteri in scala?
Cosa mi manca?
.icon-larger
{
font-size:50px;
}
<div class="search-icon"><i class="icon-search icon-larger"></i></div>
grazie!
Aggiungi display:block o display:inline-block
L'icona impressionante Font è agganciato al: dopo elemento pseudo, così il vostro CSS avrebbe bisogno di essere
.icon-larger:before
{
font-size: 50px;
}
ho creato una pagina di riferimento di tutto il contenuto CSS valori per Font Awesome, insieme a uno snippet CSS che mostra come utilizzare le icone con qualsiasi elemento: http://astronautweb.co/snippet/font-awesome/
Vecchia domanda ma ho avuto lo stesso problema ed è apparso Ho dimenticato di includere il carattere Awes cn esempio: <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
L'icona continua a essere visualizzata, ma non viene ridimensionata quando manca.
Dai un'occhiata a questo page e guarda gli esempi che ridimensionano le dimensioni delle icone.
È possibile ridimensionare fino a 5 volte la sua dimensione.
Esempio:
<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x
la prego di fare un riproducibili test-case? –