Preguntas etiquetadas con font-awesome

Font Awesome es una fuente vectorial independiente icónica, desarrollada inicialmente para su uso con el marco de interfaz de Twitter Bootstrap.

15
Cómo incluir un icono de Font Awesome en el render de React ()
Siempre que intento usar un ícono de Font Awesome en React render(), no se muestra en la página web resultante, aunque funciona en HTML normal. render: function() { return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>; } Aquí hay un ejemplo en vivo: http://jsfiddle.net/pLWS3/ ¿Dónde está la culpa?
29
La fuente impresionante no muestra el icono
Estoy usando Font Awesome y no deseo agregar CSS con HTTP. Descargué Font Awesome y lo incluí en mi código, pero Font Awesome muestra un cuadro cuadrado bordeado en lugar de un icono. Aquí está mi código: <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;"> …
99 html  css  font-awesome 
4
¿Cómo me aseguro de que todos los glifos tengan el mismo ancho?
Me di cuenta de que incluso con el mismo tamaño de fuente, no hay un ancho estándar. ¿Cómo puedo usarlos frente a una lista de elementos para que las palabras no aparezcan irregulares? Captura de pantalla del problema: Este es el código: <ul id="myTab"> <li class="active"><a href="#home"><i class="icon-tasks"></i> Proposal</a></li> <li><a …
6
Rotar estáticamente iconos de fuentes impresionantes
Me gustaría rotar estáticamente mis íconos de fuentes impresionantes en 45 grados. Dice en el sitio que: Para rotar y voltear íconos arbitrariamente, use las clases fa-rotate- * y fa-flip- *. Sin embargo, haciendo <i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i> no funciona, mientras que reemplazar fa-rotate-45con fa-rotate-90sí. ¿Significa esto que, de …
8
¿Cómo agrego un icono de Font Awesome al campo de entrada?
¿Cómo utilizo el icono de búsqueda incluido en Font Awesome para ingresar datos? Tengo una función de búsqueda en mi sitio (basada en PHPmotion), que quiero usar para la búsqueda. Aquí está el código: <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" …
89 html  css  font-awesome 
8
Extrayendo SVG de Font Awesome
Quiero obtener los datos de la ruta SVG de los glifos de Font Awesome para poder usarlos directamente como SVG en mi HTML. Pensé que sería tan fácil como copiar y pegar los datos de la ruta de fontawesome-webfont.svg , pero cuando lo uso en mi HTML, todos los símbolos …
89 html  svg  font-awesome 
7
Optimizar Font Awesome solo para clases usadas
Estoy utilizando el archivo de fuente Sass impresionante https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass para que sea _font-awesome.sass por lo que pueda @importen mi proyecto Sass. También estoy usando http://middlemanapp.com/ para convertir Sass a Css . Preguntas: ¿Hay alguna manera de traer solo clases de iconos usadas a mi .css convertido? Porque ahora mismo lleva …
86 css  sass  font-awesome 
9
¿Cómo cargo font-awesome usando SCSS (SASS) en Webpack usando rutas relativas?
Tengo font-awesome en mi carpeta node_modules, así que trato de importarlo en mi archivo .scss principal así: @import "../../node_modules/font-awesome/scss/font-awesome.scss"; Pero la compilación de paquetes de Webpack falla, diciéndome Error: Cannot resolve 'file' or 'directory' ../fonts/fontawesome-webfont.eot porque el archivo font-awesome.scss se refiere a una ruta relativa, '../fonts/'. ¿Cómo puedo decirle a …
5
Atributo alt o título para la etiqueta i
Utilizo font-awesome y muestro sus fuentes así: <i class="icon-lock"></i> Esto mostrará un bonito símbolo de candado. Para que el usuario supiera qué significa eso exactamente, intenté agregar atributos como título y alt, pero fue en vano. ¿Hay algún atributo que pueda usar para la <i>etiqueta que ejecute la misma tarea …
8
¿Cómo saber si ya se ha cargado una fuente (@ font-face)?
Estoy usando Font-Awesome, pero mientras los archivos de fuentes no están cargados, los íconos aparecen con . Entonces, quiero que estos íconos tengan display:nonemientras los archivos no están cargados. @font-face { font-family: "FontAwesome"; src: url('../font/fontawesome-webfont.eot'); src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } ¿Cómo …
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.