framework - Fuente impresionante vs Glyphicons en Twitter Bootstrap
glyphicon glyphicon (4)
Font awesome es una colección de iconos de vectores que se obtienen usando una fuente específica y algo de CSS para hacer la "magia". Glyphicons usa la técnica sprite-css.
Puedes usar ambos, solo agrega 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 quieres tener glyphicons pero solo la fuente impresionante, deberías ir here y personalizar tu descarga de Bootstrap para obtenerla sin glyphicons.
Soy un principiante en desarrollo web y recientemente comencé a trabajar con Twitter Bootstrap. Sé que usa Glyphicons que ya sé cómo usar. Pero también encontré Font Awesome, que dice que está diseñado para Bootstrap.
¿Cuáles son las diferencias entre los dos? Quiero decir ¿es una alternativa para el otro? ¿O debería usarlos en diferentes lugares?
Fuente impresionante: - Más de 150 iconos más - Pixel perfecto en la fuente predeterminada de carga (14px) - Los iconos no tienen el mismo tamaño y requieren un CSS personalizado para alinear cada uno - Tiene lista con viñetas, rotación (se puede agregar con css3), iconos apilados , y animación spinner (se puede agregar manualmente) Glyphyicons: - Menos iconos - Pixel Perfect en tamaño de letra más grande (16px) - Íconos de mismo tamaño
Simplemente actualizando esta pregunta para obtener más ayuda.
Ahora, en 2016, la tendencia son las fuentes de materiales de Google . En mi humilde opinión son más bonitos que los glifos y fuente impresionante, se ve más plana y hay más de 350 iconos para su uso. Distribuido gratis aquí: https://design.google.com/icons/
Puedo enumerar algunas ventajas del uso de iconos planos y diseño de materiales, Material Design ofrece beneficios increíbles para su aplicación Android. Material Design es un marco de diseño visual desarrollado por Google en su Android L OS (Android 5.0). El marco de diseño de materiales funciona con todas las plataformas de Android y se conoce por una interfaz gráfica plana. El nuevo marco de diseño visual de Google es plano, elegante y vibrante, creando una experiencia unificada de Android.
El diseño del material de marca usa objetos planos y livianos. Se requieren solo dos o tres colores para marcar toda la aplicación. El diseño de materiales es fácil de etiquetar las aplicaciones que desarrolla.
Compromiso del usuario En la era de Internet, es muy importante involucrar a los usuarios. Debe comunicarse constantemente con los usuarios a través de su APLICACIÓN. El compromiso del usuario es uno de los factores clave para el éxito. El 35% de las APLICACIONES de teléfonos inteligentes se usan una sola vez durante la vida del usuario que instaló la APLICACIÓN. El diseño del material proporciona un lenguaje visual entre el usuario y usted.
MEJOR UI / UX UI / Ux es un medio de comunicación entre usted y el usuario. Bad UI hará que el usuario desinstale su APLICACIÓN.
Material Design se ocupa de la experiencia del usuario. Interactúa profundamente con el usuario. Material Design tiene interacciones receptivas y significativas. Puede deleitar al usuario integrando el diseño del material en su aplicación.
En Bootstrap 2.xx, los glificones estaban en formato de imagen, por lo tanto, no se puede aumentar el tamaño, cambiar el color, el color de fondo, etc. fácilmente. Sin embargo, font-awesome le ofrece iconos vectoriales escalables que se pueden personalizar al instante: tamaño, color, sombra paralela y cualquier cosa que se pueda hacer con el poder de CSS.
Font-awesome es realmente una alternativa para Glyphyicons que se actualiza periódicamente con nuevos iconos. 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 incluye bootstrap css y luego Font-awesome css, para que los Glyphyicons sean reemplazados por font-awesome.
ACTUALIZAR
En bootstrap versión 3.xx, los glifos se convierten en formato de fuente, que se renderizará bien incluso en tamaño de fuente de 12 píxeles. Si está utilizando la última versión de fontawesome, es decir, 4.01, puede usar ambos glyphicons con fontawesome.