Tag: font-awesome
Font Awesome ist eine Ikone standalone-Vektor-Schrift, ursprünglich entwickelt für die Verwendung mit Twitter Bootstrap-front-end-framework.
3
Antworten
Bin ich um einfache Bilder-Liste. hier ist mein code. Ich habe 2 Fragen: 1. Ich will nur eine einzige Wahl, wenn der Benutzer klicken Sie auf ein Bild. Immer wenn er ein Bild auswählen, es wird klar,
1
Antworten
Ich bin mit Bootstrap-3-Panel und angefügt haben die Font-Awesome Plus-und Minus-Symbole, um die panel-Elemente. Ich bin auf der Suche nach einer Möglichkeit mit Jquery zu ändern, das plus zu einem minus "onClick", dann, wenn ein anderes Fenster
2
Antworten
Ich neulich die font-awesome version von 3.2.1 zu 4. Hatte ich diese Arbeit in 3.2.1 <li><span class="icon-stack stacked"><i class="icon-circle icon-stack-base"></i><i class="icon-phone icon-2x icon-light"> </i></span><span class="stacktext">Your Phone Number</span></li> .stacked { float: left; margin-right: 15px; color: #3ECCFC; } .stacktext
4
Antworten
Wenn meine Seite geladen wird, Verstecke ich die icon-refresh + icon-spin Symbol, indem seine display - Eigenschaft auf none. Jetzt, nach einer Aktion ausgeführt wird, möchte ich dieses Symbol angezeigt. Ich rufe die jQuery - .show() Methode
1
Antworten
Ich bin auf der Suche nach einer einfachen Lösung, um zu zeigen, ein Font Awesome icon, wenn das Bild nicht verfügbar. Ich bin mit dem folgenden markup: <div class="notAvailableIcon" style="background-image:NotAvailable.jpg"> </div> CSS: .notAvailableIcon:before { font-family: FontAwesome; content:
3
Antworten
Diese Frage gilt für Situationen, in denen die web-font ist nicht erforderlich, auf der Hauptseite und wird zunächst innerhalb einer div eingestellt display:none; Ich habe eine web-Seite lädt, die eine versteckte form per Javascript beim klicken und
2
Antworten
In Bootstrap 3 gab es optional die Symbole für die Validierung Staaten. Das Symbol in der rechten Seite der Eingang mit der has-feedback, has-success, has-danger usw... Klassen. Wie kann ich diese Funktionalität in der Bootstrap-4 valid-feedback oder
1
Antworten
Habe ich ein nav-element, wie so... <ul class="options-list"> <li><a href="#"><i class="icon icon-print"></i> Print This</a></li> <li><a href="#"><i class="icon icon-envelope-alt"></i> Send This</a></li> <li><a href="#"><i class="icon icon-bookmark"></i> Bookmark This</a></li> <li><a href="#"><i class="icon icon-star"></i> Favourite This</a></li> <li><a href="#"><i class="icon icon-heart"></i> Like
6
Antworten
Ich habe ein problem, wenn Sie versuchen zu verwenden font awesome icons auf der WordPress-website. Keine metter, was Symbol, das ich verwenden, ich sehe nur blinkenden Kreis mit Fragezeichen. Hatte nie Problem gehabt. Screenshot mit den icons
2
Antworten
Warum fontawesome icon Klasse ist anders HTML: <script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" /> <i class="fa fa-edit"></i> <i class="fas fa-pencil"></i> <i class="fab fa-facebook"></i> Gibt es eine Möglichkeit, einfach kopieren die tag-ohne öffnen des Symbol? Ich
5
Antworten
Ich bin vor dem Problem mit dem IE-browser.Es ist das laden der icons für das erste mal laden. aber wenn ich die Seite aktualisieren die icons sind nicht sichtbar. Können Sie mir bitte sagen, wie man dieses
2
Antworten
In meine reagieren-native Anwendung, ich habe diese Bibliothek reagieren-native-Vektor-Symbole, um Symbole zu benutzen. Von der github-Seite, FontAwesome ist aufgeführt unter der gebündelten icon-sets. Aber ich sehe nicht, wie kann ich verweisen eine fontawesome Artikel in meinem element.
2
Antworten
Ich bin mit bootstrap und unten ist mein code für meine navbar. Ich habe Hinzugefügt, font genial icons, ich will aber, dass das nach rechts gezogen. Ich kann nicht scheinen, um es ziehen auf der rechten Seite,
4
Antworten
Ich habe gekämpft, mit dem Versuch, den Ort eines font-awesome icon in einem select-option (drop-down-Menü). Ich habe versucht die Lösung hier das war auf dieser site veröffentlicht. Jedoch, dies stellt die font-awesome-icon neben dem label und nicht
2
Antworten
Ich habe alles versucht ich finden kann, stackoverflow und auf dem web und ich kann nicht herausfinden, wie es zu lösen ist. Wenn ich maxcdn für Font-Awesome, IE 10/11 sind glücklich und ich sehe die icons. Wenn
2
Antworten
Ich bin mit font-awesome mit bootstrap 4 Karten, es ist trotzdem erhöhen Sie die Größe der font-awesome-icon (rechts unten) wenn ich die Maus über den button? in diesem Fall <i class="fa fa-folder-open fa-5x"></i> Hier ist der HTML
4
Antworten
Ich habe gerade angefangen zu Programmieren und brauche etwas Hilfe. Ich bin mit Font Awesome-icons und ich versuche, es zu ändern die Farbe, wenn schwebte, aber nicht wissen, warum es nicht funktioniert. Ich schaute für andere Menschen
2
Antworten
Ich habe eine ungeordnete Liste, wo ich einige font-awesome icons. Ich versuche, richten Sie Sie horizontal. Wenn ich so ausrichten, dass Sie horizontal stapeln Sie auf einander ein bisschen. Nicht sicher, was ich falsch mache. CSS: .tbl-op
2
Antworten
Ich versuche zu tun, ein einfaches verlangen der Bootstrap und Font-awesome mit Webpack. Ich schaffte es zum laden von Bootstrap-CSS, aber Font-awesome nicht richtig funktioniert. Dies ist, was ich als Ergebnis: Meine codes sind unten angegeben. Was
3
Antworten
Muss ich das mit font awesome-das Ausrufezeichen-Dreieck-Symbol, aber ich muss die Ausrufezeichen markieren, in Farbe Rot und das Dreieck den hintergrund in weiß. Wenn ich ändern Sie die Farbe des symbols Rot, ist es genau das Gegenteil
2
Antworten
Scheint es, dass font-awesome unterstützt benutzerdefinierte Symbole mit detaillierten Anweisungen zum erstellen und senden Sie Ihre eigenen Symbol, aber diese information ist nicht mehr verfügbar auf Ihrer website. Bedeutet das, dass dies nicht mehr unterstützt wird, und
1
Antworten
Ich versuche, font awesome 5 auf meiner Winkel-cli Projekt (1.6.0) mit Winkel - >5.0.0. Ich (wie beschrieben): yarn config set @fortawesome:registry https://npm.fontawesome.com/xxxxx-xxxx-xxx-xxx-xxxxxxx yarn add @fortawesome/fontawesome yarn add @fortawesome/fontawesome-pro-light Wird es die Pakete erfolgreich. Nun ich möchte das
2
Antworten
Meine Font-Awesome-icons nicht korrekt gerendert, auf der folgenden Seite in Chrome für Android: http://nylen.tv/public/chrome-issue.html Jeder der td.description Elemente (ZZZZZ Linien) ist mit einem oder zwei Font-Awesome-icons am Ende. Auf meinem Galaxy Nexus, diese werden nicht angezeigt, wenn
3
Antworten
Ich entwickle eine website, die müssen drucken Sie eine Seite mit Font-Awesome icons. Das Problem ist, dass, wenn Sie gehen, um zu drucken, die Font-Awesome-icons nicht in Farbe gedruckt wird. Im browser zeigen Sie sich in Farbe,
1
Antworten
Ich bin derzeit mit Fotawesome an einem Projekt. Das problem ist, dass ich beim laden der Webseite sehe ich nur Blöcke anstelle von icons. Die Schriftarten können nicht auf dem server gefunden, aber ich bin sicher, Sie
2
Antworten
Ist posible, um Farbe, schriftart awesome icon um Kanten und innen transparent sein ? Wie auf dem Foto Habe ich diesen code <i class="icon fa fa-check-circle"></i> .icon{ color: #26b2ad; } Und so sieht Sie aus : hast
4
Antworten
Wie verwenden Sie die @include zu verwenden Font awesome icon in der Sie sass Datei. E. g - Wenn ich wollte mit diesem Symbol: http://fortawesome.github.io/Font-Awesome/icon/pencil/ Ich verstehe, dass Sie können verwenden Sie es in Ihrem HTML so:
1
Antworten
Soweit ich weiß, können wir Kodieren ein svg-Bild in eine base64-Zeichenfolge und verwenden Sie es als eine url in einem html-Dokument, wie die unten. <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTI2cHgiIGhlaWdodD0iMTI2cHgiIHZpZXdCb3g9IjAgMCAxMjYgMTI2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjYgMTI2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxyZWN0IHg9IjEuMDk1IiB5PSI5OC4yMjQiIHdpZHRoPSIxMjMuODEiIGhlaWdodD0iMTkuMjc1Ii8+DQoJPHJlY3QgeD0iMS4wOTUiIHk9Ijg1Ljc0IiB3aWR0aD0iMTIzLjgxIiBoZWlnaHQ9IjUuMjA1Ii8+DQoJPHBhdGggZD0iTTE4LjQwNCw5NS43MjFjMC43NjcsMCwxLjM4OS0wLjYyMywxLjM4OS0xLjM5cy0wLjYyMi0xLjM4OC0xLjM4OS0xLjM4OEgzLjQ4MWMtMC43NjcsMC0xLjM4OCwwLjYyMS0xLjM4OCwxLjM4OA0KCQlzMC42MjIsMS4zOSwxLjM4OCwxLjM5SDE4LjQwNHoiLz4NCgk8cGF0aCBkPSJNNDQuNDMzLDk1LjcyMWMwLjc2NywwLDEuMzg4LTAuNjIzLDEuMzg4LTEuMzlzLTAuNjIyLTEuMzg4LTEuMzg4LTEuMzg4SDI5LjUxYy0wLjc2NywwLTEuMzg5LDAuNjIxLTEuMzg5LDEuMzg4DQoJCXMwLjYyMiwxLjM5LDEuMzg5LDEuMzlINDQuNDMzeiIvPg0KCTxwYXRoIGQ9Ik03MC40NjEsOTUuNzIxYzAuNzY3LDAsMS4zODgtMC42MjMsMS4zODgtMS4zOXMtMC42MjItMS4zODgtMS4zODgtMS4zODhINTUuNTM5Yy0wLjc2NywwLTEuMzg4LDAuNjIxLTEuMzg4LDEuMzg4DQoJCXMwLjYyMiwxLjM5LDEuMzg4LDEuMzlINzAuNDYxeiIvPg0KCTxwYXRoIGQ9Ik05Ni40OSw5NS43MjFjMC43NjcsMCwxLjM4OS0wLjYyMywxLjM4OS0xLjM5cy0wLjYyMi0xLjM4OC0xLjM4OS0xLjM4OEg4MS41NjdjLTAuNzY3LDAtMS4zODgsMC42MjEtMS4zODgsMS4zODgNCgkJczAuNjIyLDEuMzksMS4zODgsMS4zOUg5Ni40OXoiLz4NCgk8cGF0aCBkPSJNMTIyLjUxOSw5NS43MjFjMC43NjcsMCwxLjM4OS0wLjYyMywxLjM4OS0xLjM5cy0wLjYyMi0xLjM4OC0xLjM4OS0xLjM4OGgtMTQuOTIzYy0wLjc2NywwLTEuMzg4LDAuNjIxLTEuMzg4LDEuMzg4DQoJCXMwLjYyMiwxLjM5LDEuMzg4LDEuMzlIMTIyLjUxOXoiLz4NCgk8cGF0aCBkPSJNNy40MSw4MC45aDUzLjQ0MmMwLjg2MywwLDEuNTYyLTAuNjk5LDEuNTYyLTEuNTYyVjM5LjU0M2MwLTAuODYyLTAuNjk5LTEuNTYzLTEuNTYyLTEuNTYzSDQ1LjMxNHYtNi41MzkNCgkJYzAtMC44NjEtMC42OTgtMS41NjItMS41NjEtMS41NjJIMjMuNDI4Yy0wLjg2MywwLTEuNTYyLDAuNy0xLjU2MiwxLjU2MnY2LjU0SDcuNDFjLTAuODYyLDAtMS41NjIsMC43LTEuNTYyLDEuNTYzdjM5Ljc5NQ0KCQlDNS44NDgsODAuMjAxLDYuNTQ3LDgwLjksNy40MSw4MC45eiBNMzQuNDkyLDU3Ljg3NGgtMS43OTZ2LTYuNzY4aDEuNzk2VjU3Ljg3NHogTTI2LjU2MywzNC41NzRoMTQuMDU1djMuNDA2SDI2LjU2M1YzNC41NzR6DQoJCSBNMTAuNTQ0LDQyLjY3OGg0Ny4xNzN2MTEuOThIMzYuOTQydi00LjAwNmMwLTAuODYzLTAuNjk5LTEuNTYzLTEuNTYyLTEuNTYzaC0zLjU4MmMtMC44NjMsMC0xLjU2MiwwLjY5OS0xLjU2MiwxLjU2M3Y0LjAwNg0KCQlIMTAuNTQ0VjQyLjY3OHoiLz4NCgk8cGF0aCBkPSJNNjguNzM0LDgwLjloNDkuOTU4YzAuODA3LDAsMS40Ni0wLjY1MywxLjQ2LTEuNDZWMTcuNTM0YzAtMC44MDYtMC42NTMtMS40NTktMS40Ni0xLjQ1OWgtMTQuNTI0VjkuOTYxDQoJCWMwLTAuODA3LTAuNjUzLTEuNDYtMS40Ni0xLjQ2aC0xOWMtMC44MDcsMC0xLjQ2LDAuNjUzLTEuNDYsMS40NnY2LjExNUg2OC43MzRjLTAuODA3LDAtMS40NiwwLjY1My0xLjQ2LDEuNDU5Vjc5LjQ0DQoJCUM2Ny4yNzQsODAuMjQ3LDY3LjkyNyw4MC45LDY4LjczNCw4MC45eiBNODYuNjM4LDEyLjg5aDEzLjEzOXYzLjE4Nkg4Ni42MzhWMTIuODl6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=="/> So, Jetzt möchte ich eine base64-url-des icons in der FontAwesome Bibliothek.
5
Antworten
Hoffentlich wird jemand wissen, wo ich gegangen bin hier falsch - ich bin versucht zu implementieren, die die Font-Awesome-Paket mit Vuetify. Font Awesome ist, dass alle importierten und bereit zu gehen (setup die gleichen Projekte, die ich
3
Antworten
wie der Titel sagt, ich kann nicht installieren Sie font awesome 5 mit npm für scss Zwecke. Versucht zu installieren, version 5 Nach https://fontawesome.com/how-to-use/use-with-node-js npm i --save @fortawesome/fontawesome Suche durch die installation in node_modules ich sehe keine
2
Antworten
Ich versuche die möglichen Lösungen hier gepostet mit diesem problem, aber keine funktioniert mit meinem code, das ist, was ich <div class="search"> <span class="fa fa-user"></span> <input placeholder="Username..."> </div> <div class="search"> <span class="fa fa-lock"></span> <input placeholder="*******"> </div> CSS
6
Antworten
Ich Baue eine Webseite mit ASP.NET Core-v2 und möchte die Verwendung von font-awesome. Lassen Sie mich zunächst sagen, dass ich versucht habe, ein paar Dinge. wie die Installation von Bower von NPM installieren von font-awesome von NPM
7
Antworten
Ich bin mit font-awesome in einer rails 3 app, und alles ist ok in der Entwicklung Modus, aber wenn ich den push zum Heroku, Firefox fehlschlägt, um zu machen die Symbole, und stattdessen sehe ich das: Chrome
3
Antworten
Ich bin neu in WPF. Ich möchte die Font-awesome-Icon im Textfeld und button. aber das Symbol ist nicht die Bindung mit meiner textbox Ich install Font-awesome Ressource zu meiner Anwendung. Lassen Sie mich wissen, die Art und
3
Antworten
Möchte ich ein Formular verwenden, wie in dem code von bootstrap, aber ich möchte zu ändern, wählen Sie das Symbol/dropdown-Symbol, um fa-chevron-down. HTML: <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css" rel="stylesheet"/> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/> <div class="container"> <div class="row"> <div class="col-sm-6">
2
Antworten
Sind wir mit FontAwesome mit Bootstrap. Wenn wir jedoch versuchen, zu verwenden, FA mit unseren custom-minifier, versucht er, die Last der Schriften aus einem relativen Pfad, das gibt einen 404, aufgrund der Art der minified URL-Struktur eingerichtet
3
Antworten
Habe ich ein sich drehendes ZAHNRAD auf meiner website angezeigt mit diesem code: HTML: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/> <i class = "fa fa-cog fa-5x fa-spin"></i> Persönlich denke ich, dass die Geschwindigkeit der Gang ist zu schnell. Kann ich
1
Antworten
Danke an Mike Verursacher Beitrag auf das erstellen von Benutzerdefinierten Glyphicons-Symbol/Schriftart auf Bootstrap 3 ich habe diese Schritte befolgt aber nicht wissen, wie Sie es beenden!, 1 - Erstellt ein Benutzerdefiniertes SVG-Datei mit dem Namen xoo.svg 2
3
Antworten
Ich versuche, ändern Sie die Farbe der ersten beiden Sterne in fontawesome-Sterne-Bewertung in http://fortawesome.github.io/Font-Awesome/examples/ Habe ich eine Klasse zugeordnet first & second-span, aber es funktioniert nicht Mein html ist <span class="rating"> <span class="star filled"></span> <span class="star filled"></span>
2
Antworten
Font Awesome hat vor kurzem geändert-icons-notation für Beispiel icon-shield zu fa-shield. Aber wo ist das Symbol früher bekannt als icon-remove-sign Weg in der gleichen Zeit? Ich kann nicht finden Sie überall im Font Ehrfürchtig 4.0.3 Symbol Liste.
5
Antworten
Gut, ich bin mit "font-awesome-Schienen" gem. Ich bin ziemlich viel auf font-awesome außerhalb der Schienen, aber ich denke, es ist nicht beliebt unter den Rails community. Einmal installiert, erstellt es Symbole mit dem format <i class="nameoftheicon"> </i>
3
Antworten
Brauche ich eine Schaltfläche erstellen, die mit font awesome icon und einen text unterhalb des symbols für ein Navigations-Menü. Das Ergebnis Aussehen soll, d.h. die Symbole in der MS Band: Brauch ich auch den Pfeil unter der
5
Antworten
Ich bin Mit FontAwesome mit ExtJS in meiner app. Alle anderen Tasten funktionieren mit font awesome, wenn ich dies tun: iconCls: 'fa fa-edit' Aber wenn mit der gleichen Konfiguration in der actioncolumn (Komponente, mit der Sie Tasten,
5
Antworten
Ich Schaffe es nicht, dieses Symbol zu sitzen in dem Bereich, nur kann ich es entweder oben oder unten: <div class="form-group"> <label for="inputFirstName">First Name</label> <div class="input-group"> <div class="input-group addon"> <i class="fa fa-user"> </i> <input type="text" class="form-control" id="inputFirstName">
1
Antworten
Ich habe eine Benachrichtigungs-Symbol (font-awesome), die zeigt die Anzahl der Benachrichtigungen. Ich bin mit einem problem zu versuchen, um die Zahl für die Anzeige in der richtigen position, wie in dargestellt, siehe unten Bild Muss ich den
5
Antworten
Ich bin mit dem FontAwesome Schrift auf eine OSS-app, die bei mir läuft und ich kann nicht scheinen, um Vergangenheit Firefox font-sanitizer. Sind die Dateien alle serviert, die aus der gleichen Domäne, die Pfade sind richtig, und
3
Antworten
Ich bin mit Bootstrap 3 in meinem Projekt, und ich bin mit FontAwesome Symbole Bibliothek statt gebündelt Glyphicons. Das problem ist, dass ich einige Komponenten von Drittanbietern, die sich auf Glyphicons und ich will nicht zu ändern
3
Antworten
Ich bin der Entwicklung einer web-Seite und fand FontAwesome als ein Recht ordentlich Weg, um schöne icons, um die Dinge, aber durch die Standard-schriftart downloads sind blockiert durch die NoScript plugin für Firefox. Wäre dies nicht ein
3
Antworten
Habe ich eine Navigations-menu, einige davon mit Untermenüs. Ich will das menuitem mit fa-chevron-down(Pfeil nach unten icon) zu ändern, um zu fa-chevron-up (Pfeil-Symbol), wenn der Benutzer klickt auf das Menü und die änderungen wieder zurück, wenn der
3
Antworten
Ich weiß, kann ich gezielt eine schriftart genial, um ein button wie dieser: <a href="#" class="btn btn-default">Some text <i class="fa fa-chevron-right"></i></a> Aber gibt es eine Möglichkeit, kann ich eine CSS-Klasse, so dass das Symbol wird automatisch eingefügt,