Preguntas etiquetadas con font-awesome

Tengo un CSS que se ve así: #content h2 { background: url(../images/tContent.jpg) no-repeat 0 6px; } Me gustaría reemplazar la imagen con un ícono de Font Awesome . No veo de todos modos usar el icono en CSS como imagen de fondo. ¿Es posible hacerlo suponiendo que las hojas de …

305 css  font-awesome 

Quiero usar un icono de Font Awesome como contenido CSS, es decir, a:before { content: "<i class='fa...'>...</i>"; } Sé que no puedo usar el código HTML content, así que ¿solo quedan imágenes?

279 html  css  font-awesome 

Tengo que envolver mi ícono dentro de una <a>etiqueta por alguna razón. ¿Hay alguna forma posible de cambiar el color de un icono de fuente impresionante a negro? o es imposible siempre y cuando esté envuelto dentro de una <a>etiqueta? Se supone que Font Awesome es fuente, no imagen, ¿verdad? …

264 html  css  font-awesome 

Digamos que tengo un botón de arranque con un icono de fuente impresionante y algo de texto: <div> <i class='icon icon-2x icon-camera'></i> hello world </div> ¿Cómo hago que el texto aparezca centrado verticalmente? El texto está alineado con el borde inferior del icono ahora: http://jsfiddle.net/V7DLm/1/ EDITAR: Tengo una posible solución …

231 html  css  font-awesome 

Así que estoy tratando de crear un prototipo de una página de marketing y estoy usando Bootstrap y el nuevo archivo Font Awesome. El problema es que cuando trato de usar un icono, todo lo que se muestra en la página es un gran cuadrado. Así es como incluyo los …

224 css  html  twitter-bootstrap  font-awesome 

Parece que no hay clase para el tipo de entrada 'submit' en font-awesome. ¿Es posible usar alguna clase de font-awesome para ingresar botones? He agregado íconos a todos los botones (que en realidad se vinculan con la clase 'btn' de twitter-bootstrap) en mis aplicaciones, pero no puedo agregar íconos en …

205 twitter-bootstrap  twitter-bootstrap-rails  font-awesome 

Los botones de Twitter Bootstrap tienen un buen Loading...estado disponible. Lo que pasa es que solo muestra un mensaje como Loading...pasado a través del data-loading-textatributo como este: <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> Al mirar Font Awesome, ves que ahora hay un ícono giratorio …

190 button  twitter-bootstrap  icons  loading  font-awesome 

Me pregunto si es posible utilizar las clases font-awesome (o cualquier otra fuente icónica) para crear un <li>tipo de estilo de lista personalizado . Actualmente estoy usando jQuery para hacer esto, es decir: $("li.myClass").prepend("<i class=\"icon-chevron-right\"></i>"); Sin embargo, esto no tiene un estilo adecuado cuando el <li>texto se ajusta a través …

156 css  html-lists  font-awesome 

Estoy tratando de usar Font Awesome en mi aplicación, pude integrar la fuente usando Typeface.createFromAsset(), pero también quiero usar los íconos provistos por esta fuente, pero hasta ahora no he podido hacerlo. Esta fuente en particular contiene iconos dentro del Área de uso privado (PUA) de Unicode, para cosas como …

153 android  font-awesome 

Me encanta la fuente del ícono Font Awesome y quiero usarla para la mayoría de los íconos en mi sitio, pero hay algunos íconos de svg personalizados que necesitaría además de lo que se ofrece. Noté que la versión .svg de Font Awesome se compone principalmente de estos <glyph />elementos: …

138 svg  webfonts  font-awesome 

Estoy tratando de insertar un icono de usuario dentro del campo de entrada de nombre de usuario. He intentado una de las soluciones de la pregunta similar sabiendo que la background-imagepropiedad no funcionará desde Font Awesome es una fuente. El siguiente es mi enfoque y no puedo ver el ícono. …

136 html  css  fonts  font-awesome 

Estoy usando Font Awesome en algún proyecto, pero tengo algunas cosas que quiero hacer con los iconos de Font Awesome, puedo llamar fácilmente a un icono como este: <i class="fa fa-lock"></i> ¿Es posible que todos los íconos estén siempre en círculo con borde? Algo como esto, tengo una foto: Utilizando …

134 css  font-awesome 

Nos gustaría poder usar un ícono Font Awesome ( http://fortawesome.github.com/Font-Awesome/ ) como una viñeta para listas desordenadas en un CMS. El editor de texto en el CMS solo genera HTML sin formato, por lo que no se pueden agregar elementos / clases adicionales. Esto significa mostrar los iconos cuando la …

131 css  font-awesome 

Recientemente he estado desarrollando este sitio web y estoy tratando de poner una fuente de iconos increíbles en él, para que sea escalable. Lo que pasa es que no aparecen. Mira el 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> Puse la …

123 html  css  font-awesome 

He instalado iconos de font-awesome 4.0.3 usando npm install. Si necesito usarlo desde los módulos de nodo, ¿cómo debo usarlo en el archivo html? Si necesito editar el archivo menos, ¿necesito editarlo en módulos de nodo?

111 css  node.js  less  npm  font-awesome