Font-Awesome Wie skalieren Schriftarten?

Question

Ich versuche verzweifelt, meine Lupe zu vergrößern. Der folgende Code funktioniert in Firefox, aber nicht in Chrome oder IE9.

Was fehlt mir?

.icon-larger 
{ 
    font-size:50px; 
} 

<div class="search-icon"><i class="icon-search icon-larger"></i></div> 

danke!

Answer 1

hinzufügen display:block oder display:inline-block

Answer 2

Das Font Super-Symbol in den verhakt ist: nach Pseudo-Elemente, so dass Ihre CSS benötigen würden

.icon-larger:before 
{ 
    font-size: 50px; 
} 

Ich habe eine Referenzseite aller CSS Inhalts erstellt werden Werte für Font Awesome, zusammen mit einem CSS-Snippet, das zeigt, wie man die Icons mit einem beliebigen Element verwendet: http://astronautweb.co/snippet/font-awesome/

Answer 3

Alte Frage, aber ich hatte das gleiche Problem und es schien, dass ich vergessen habe, die Schriftart Awes einzuschließen omet css: z. B. <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">

Sie sehen immer noch das Symbol, aber es wird nicht skaliert, wenn dies fehlt.

Answer 4

Werfen Sie einen Blick auf diese page und sehen Sie sich die Beispiele, die Größe der Symbole skalieren.

Sie können bis zu 5 Mal skalieren.

Beispiel:

<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