Soy un principiante en desarrollo web y recientemente comencé a trabajar con Twitter Bootstrap, sé que usa Glyphicons que ya sé usar. Pero también encontré Font Awesome que dice que está construido para Bootstrap.
¿Cuáles son las diferencias entre los dos? Quiero decir, ¿uno es una alternativa para el otro? ¿O debería usarlos en diferentes lugares?
Respuestas:
En Bootstrap 2.xx, los Glyphyicons eran en formato de imagen, por lo que no puede aumentar el tamaño, cambiar el color, el color de fondo, etc. fácilmente. Sin embargo, font-awesome te brinda íconos vectoriales escalables que se pueden personalizar instantáneamente: tamaño, color, sombra y cualquier cosa que se pueda hacer con el poder de CSS.
Font-awesome es realmente una alternativa para Glyphyicons que se actualiza de vez en cuando con nuevos íconos. Fat y Mdo planean integrar Font-awesome en la versión 3 de bootstrap como reemplazo de Glyphyicons.
Mi sugerencia es que uses bootstrap con font-awesome. Primero incluya bootstrap css y luego Font-awesome css, para que los Glyphyicons sean reemplazados por font-awesome.
ACTUALIZAR
En la versión de bootstrap 3.xx, los glifos se convierten en formato de fuente, que se representará bien incluso con un tamaño de fuente de 12px. Si está utilizando la última versión de fontawesome, es decir, 4.01, puede utilizar ambos glifos con fontawesome.
Font Awesome: - Más de 150 íconos más - Pixel perfecto en la fuente de arranque predeterminada (14px) - Los íconos no tienen el mismo tamaño y requieren CSS personalizado para alinearlos - Tiene lista con viñetas, rotación (se puede agregar con css3), íconos apilados y animación giratoria (se puede agregar manualmente) Glyphyicons: - Menos iconos - Pixel Perfect con un tamaño de fuente más grande (16px) - Iconos del mismo tamaño
ver: http://tagliala.github.io/vectoriconsroundup/
Font awesome es una colección de iconos vectoriales que se obtienen usando una fuente específica y algo de CSS para hacer la "magia", Glyphicons usa la técnica sprite-css.
Puede usar ambos, simplemente agregue el archivo css después del de Bootstrap.
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
Si no desea tener glifos, sino solo uno de fuente impresionante, debe ir aquí y personalizar su descarga de Bootstrap para obtenerlo sin glifos.