Domande taggate «font-awesome»

Font Awesome è un iconico font vettoriale autonomo, inizialmente sviluppato per essere utilizzato con il framework front-end Twitter Bootstrap.

11
Usa Font Awesome Icons in CSS
Ho alcuni CSS che assomigliano a questo: #content h2 { background: url(../images/tContent.jpg) no-repeat 0 6px; } Vorrei sostituire l'immagine con un'icona di Font Awesome . Non vedo comunque di usare l'icona nei CSS come immagine di sfondo. È possibile farlo supponendo che i fogli di stile / i caratteri Font …
305 css  font-awesome 
17
Posso cambiare il colore dell'icona di Font Awesome?
Devo avvolgere la mia icona all'interno di un <a>tag per qualche motivo. Esiste un modo possibile per cambiare il colore di un'icona impressionante per il carattere in nero? o è impossibile finché è racchiuso in un <a>tag? Il carattere fantastico dovrebbe essere il carattere non l'immagine, giusto? <a href="/users/edit"><i class="icon-cog"></i> …
264 html  css  font-awesome 
14
Come centrare il testo verticalmente con una grande icona di carattere impressionante?
Diciamo che ho un pulsante bootstrap con un'icona fantastica per i caratteri e del testo: <div> <i class='icon icon-2x icon-camera'></i> hello world </div> Come faccio a far apparire il testo centrato verticalmente? Il testo è allineato con il bordo inferiore dell'icona ora: http://jsfiddle.net/V7DLm/1/ EDIT: ho una possibile soluzione : http://jsfiddle.net/CLdeG/1/ …
231 html  css  font-awesome 
7
Come aggiungere un'icona a forma di spinner al pulsante quando si trova nello stato Caricamento?
I pulsanti di Twitter Bootstrap hanno un bel Loading...stato disponibile. Il fatto è che mostra solo un messaggio come Loading...passato attraverso l' data-loading-textattributo in questo modo: <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> Guardando Font Awesome, vedi che ora c'è un'icona a forma di spinner …
6
Stile di elenco personalizzato con icona font-awesome
Mi chiedo se è possibile utilizzare classi font-awesome (o qualsiasi altro font iconico) per creare un tipo di <li>elenco personalizzato ? Attualmente sto usando jQuery per fare questo, cioè: $("li.myClass").prepend("<i class=\"icon-chevron-right\"></i>"); Tuttavia, questo non si adatta correttamente quando il <li>testo scorre attraverso la pagina poiché considera l'icona come parte del …
8
Aggiungi icone personalizzate al carattere fantastico
Adoro il carattere icona Font Awesome e voglio usarlo per la maggior parte delle icone sul mio sito, ma ci sono alcune icone svg personalizzate di cui avrei bisogno oltre a ciò che viene offerto. Ho notato che la versione .svg di Font Awesome è composta principalmente da questi <glyph …
14
Rendi le icone Font Awesome in un cerchio?
Sto usando un font fantastico su qualche progetto ma ho alcune cose che voglio fare con icone fantastiche di font, posso facilmente chiamare un'icona come questa: <i class="fa fa-lock"></i> È possibile che tutte le icone siano sempre in cerchio tondo con bordo? Qualcosa del genere, ho una foto: utilizzando i …
134 css  font-awesome 
23
Le icone FontAwesome non vengono visualizzate. Perché?
Recentemente ho sviluppato questo sito Web e sto cercando di inserire icone fantastiche per i caratteri, quindi è scalabile. Il fatto è che non si fanno vedere. Guarda l'HTML: <a class="btn-cta-freequote" href="#">Get a FREE Quote <i class="fa fa-arrow-right"></i></a> o <li><a href="index.html"><span class="fa fa-home fa-2x"></span>Home</a></li> Ho messo il riferimento al foglio …
123 html  css  font-awesome 
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.