Als «font-awesome» getaggte Fragen

Font Awesome ist eine eigenständige Vektorschrift, die ursprünglich für die Verwendung mit dem Twitter Bootstrap-Front-End-Framework entwickelt wurde.

11
Verwenden Sie Font Awesome Icons in CSS
Ich habe ein CSS, das so aussieht: #content h2 { background: url(../images/tContent.jpg) no-repeat 0 6px; } Ich möchte das Bild durch ein Symbol von Font Awesome ersetzen . Ich sehe sowieso nicht, das Symbol in CSS als Hintergrundbild zu verwenden. Ist dies möglich, wenn die Font Awesome-Stylesheets / -Schriften vor …
305 css  font-awesome 
17
Kann ich die Farbe der Symbolfarbe von Font Awesome ändern?
Ich muss mein Symbol <a>aus irgendeinem Grund in ein Tag einschließen. Gibt es eine Möglichkeit, die Farbe eines Schriftart-Symbols in Schwarz zu ändern? oder ist es unmöglich, solange es in ein <a>Tag eingewickelt ist ? Font awesome soll Schrift sein, nicht Bild, oder? <a href="/users/edit"><i class="icon-cog"></i> Edit profile</a>
264 html  css  font-awesome 
14
Wie zentriere ich Text vertikal mit einem großen Symbol für großartige Schriftarten?
Nehmen wir an, ich habe eine Bootstrap-Schaltfläche mit einem fantastischen Symbol und etwas Text: <div> <i class='icon icon-2x icon-camera'></i> hello world </div> Wie lasse ich Text vertikal zentriert erscheinen? Der Text wird jetzt am unteren Rand des Symbols ausgerichtet: http://jsfiddle.net/V7DLm/1/ BEARBEITEN: Ich habe eine mögliche Lösung : http://jsfiddle.net/CLdeG/1/, aber es …
230 html  css  font-awesome 
7
Font-awesome, Eingabetyp 'Submit'
Es scheint keine Klasse für den Eingabetyp 'submit' in font-awesome zu geben. Ist es möglich, eine Klasse von font-awesome für die Tasteneingabe zu verwenden? Ich habe in meinen Anwendungen Symbole zu allen Schaltflächen hinzugefügt (die tatsächlich mit der Klasse 'btn' von Twitter-Bootstrap verknüpft sind), kann jedoch keine Symbole zu 'Eingabetyp …
7
Wie füge ich der Schaltfläche ein Drehfeldsymbol hinzu, wenn sie sich im Ladezustand befindet?
Die Schaltflächen von Twitter Bootstrap haben einen schönen Loading...Status. Die Sache ist, dass es nur eine Nachricht zeigt, die wie folgt Loading...durch das data-loading-textAttribut geleitet wird: <button type="button" class="btn btn-primary start" id="btnStartUploads" data-loading-text="@Localization.Uploading"> <i class="icon-upload icon-large"></i> <span>@Localization.StartUpload</span> </button> Wenn Sie sich Font Awesome ansehen, sehen Sie, dass es jetzt ein …
6
Benutzerdefinierte Li-Liste-Stil mit Font-awesome Symbol
Ich frage mich, ob es möglich ist, font-awesome-Klassen (oder andere ikonische Schriftarten) zu verwenden, um eine benutzerdefinierte Klasse zu erstellen <li> Listenstil . Ich verwende derzeit jQuery, um dies zu tun, dh: $("li.myClass").prepend("<i class=\"icon-chevron-right\"></i>"); Dies ist jedoch nicht richtig, wenn der <li>Text die Seite umschließt, da das Symbol als Teil …
15
Verwendung von Symbolen und Symbolen aus „Font Awesome“ in der nativen Android-Anwendung
Ich versuche, Font Awesome in meiner Anwendung zu verwenden. Ich konnte die Schriftart mithilfe von integrieren Typeface.createFromAsset(), aber ich möchte auch die von dieser Schriftart bereitgestellten Symbole verwenden, aber bisher war dies nicht möglich. Diese bestimmte Schriftart enthält Symbole im Unicode Private Use Area (PUA), z. B. für Media Player-Steuerelemente, …
8
Fügen Sie benutzerdefinierte Symbole zur Schriftart awesome hinzu
Ich liebe die Font Awesome- Symbolschrift und möchte sie für die meisten Symbole auf meiner Website verwenden, aber es gibt ein paar benutzerdefinierte SVG-Symbole, die ich zusätzlich zu den angebotenen Symbolen benötigen würde. Mir ist aufgefallen, dass die .svg-Version von Font Awesome hauptsächlich aus folgenden <glyph />Elementen besteht: ... <glyph …
22
Schriftart Fantastisches Symbol im Texteingabeelement
Ich versuche, ein Benutzersymbol in das Eingabefeld für den Benutzernamen einzufügen. Ich habe eine der Lösungen aus der ähnlichen Frage ausprobiert , weil ich das wusstebackground-image Eigenschaft nicht funktioniert, da Font Awesome eine Schriftart ist. Das Folgende ist mein Ansatz und ich kann die Symbolanzeige nicht erhalten. .wrapper input[type="text"] { …
136 html  css  fonts  font-awesome 
14
Font Awesome Symbole in einem Kreis machen?
Ich verwende Font Awesome in einem Projekt, aber ich habe einige Dinge, die ich mit Font Awesome-Symbolen tun möchte. Ich kann ein Symbol wie dieses einfach aufrufen: <i class="fa fa-lock"></i> Ist es möglich, dass sich alle Symbole immer in einem runden Kreis mit Rand befinden? So etwas habe ich ein …
134 css  font-awesome 
7
Verwenden des Symbols "Font Awesome" für Aufzählungspunkte mit einem einzelnen Listenelementelement
Wir möchten in der Lage sein, ein Font Awesome- Symbol ( http://fortawesome.github.com/Font-Awesome/ ) als Aufzählungspunkt für ungeordnete Listen in einem CMS zu verwenden. Der Texteditor auf dem CMS gibt nur unformatiertes HTML aus, sodass keine zusätzlichen Elemente / Klassen hinzugefügt werden können. Dies bedeutet, dass die Symbole angezeigt werden, wenn …
131 css  font-awesome 
23
FontAwesome Symbole werden nicht angezeigt. Warum?
Vor kurzem habe ich diese Website entwickelt und versuche, fantastische Symbole für Schriftarten einzufügen, damit sie skalierbar ist. Die Sache ist, dass sie nicht auftauchen. Schauen Sie sich den HTML-Code an: <a class="btn-cta-freequote" href="#">Get a FREE Quote <i class="fa fa-arrow-right"></i></a> oder <li><a href="index.html"><span class="fa fa-home fa-2x"></span>Home</a></li> Ich habe die Stylesheet-Referenz …
123 html  css  font-awesome 
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.