Domande taggate «font-awesome»

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

29
Il carattere fantastico non mostra l'icona
Sto usando Font Awesome e non desidero aggiungere CSS con HTTP. Ho scaricato Font Awesome e l'ho incluso nel mio codice, ma Font Awesome mostra una casella quadrata bordata invece di un'icona. Ecco il mio codice: <html> <head> <link rel="stylesheet" href="../css/font-awesome.css"> <link rel="stylesheet" href="../css/font-awesome.min.css"> </head> <body> <div style="font-size: 44px;"> <i …
99 html  css  font-awesome 
15
Come includere un'icona Font Awesome nel render () di React
Ogni volta che provo a utilizzare un'icona Font Awesome in React render(), non viene visualizzata nella pagina web risultante sebbene funzioni nel normale HTML. render: function() { return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>; } Ecco un esempio dal vivo: http://jsfiddle.net/pLWS3/ Dov'è la colpa?
4
Come posso assicurarmi che ogni glifo abbia la stessa larghezza?
Ho notato che anche alla stessa dimensione del carattere, non c'è una larghezza standard. Come posso usarli davanti a un elenco di elementi in modo che le parole non appaiano frastagliate? Screenshot del problema: Questo è il codice: <ul id="myTab"> <li class="active"><a href="#home"><i class="icon-tasks"></i> Proposal</a></li> <li><a href="#video"><i class="icon-film"></i> Videos</a></li> <li><a …
6
Ruota staticamente le icone fantastiche dei caratteri
Vorrei ruotare staticamente di 45 gradi le mie fantastiche icone dei caratteri. Sul sito si dice che: Per ruotare e capovolgere arbitrariamente le icone, usa le classi fa-rotate- * e fa-flip- *. Tuttavia, facendo <i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i> non funziona, mentre la sostituzione fa-rotate-45con fa-rotate-90fa. Ciò significa che di …
8
Come aggiungo un'icona di Font Awesome al campo di immissione?
Come si utilizza l'icona di ricerca inclusa in Font Awesome per l'input? Ho una funzione di ricerca sul mio sito (basata su PHPmotion), che desidero utilizzare per la ricerca. Ecco il codice: <div id="search-bar"> <form method="get" action="search.php" autocomplete="off" name="form_search"> <input type="hidden" name="type" value="videos" /> <input autocomplete="on" id="keyword" name="keyword" value="Search Videos" …
89 html  css  font-awesome 
8
Estrazione di SVG da Font Awesome
Voglio ottenere i dati del percorso SVG dai glifi di Font Awesome in modo da poterli utilizzare direttamente come SVG nel mio HTML. Ho pensato che sarebbe stato facile come copiare e incollare i dati del percorso da fontawesome-webfont.svg , ma quando lo uso nel mio HTML i simboli vengono …
89 html  svg  font-awesome 
7
Ottimizza Font Awesome solo per le classi utilizzate
Sto usando il file Font Awesome Sass https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass per renderlo _font-awesome.sass così posso @importnel mio progetto Sass. Sto anche usando http://middlemanapp.com/ per convertire Sass in Css . Domande: C'è un modo per portare solo le classi di icone usate nel mio .css convertito? Perché al momento conteneva tutte le classi …
86 css  sass  font-awesome 
9
Come faccio a caricare font-awesome usando SCSS (SASS) in Webpack usando percorsi relativi?
Ho font-awesome nella mia cartella node_modules, quindi provo a importarlo nel mio file .scss principale in questo modo: @import "../../node_modules/font-awesome/scss/font-awesome.scss"; Ma la compilazione del raggruppamento Webpack fallisce, mi dice Error: Cannot resolve 'file' or 'directory' ../fonts/fontawesome-webfont.eot perché il file font-awesome.scss fa riferimento a un percorso relativo, "../fonts/". Come posso dire …
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.