Pregunta Fuente impresionante vs Glyphicons en Twitter Bootstrap


Soy un principiante en desarrollo web y recientemente comencé a trabajar con Twitter Bootstrap, sé que utiliza Glifos que ya sé cómo usar Pero también me encontré Fuente impresionante que dice que está hecho 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?


74
2018-06-26 03:50


origen


Respuestas:


En Bootstrap 2.x.x Glificones fueron en formato de imagen, por lo tanto, no 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.x.x los glificones 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.


64
2018-06-26 12:14



Fuente impresionante:  - Más de 150 iconos más  - Pixel perfecto en la fuente predeterminada de arranque (14px)  - Los iconos no tienen el mismo tamaño y requieren CSS personalizados para que cada uno se alinee  - Tiene una lista con viñetas, rotación (se puede agregar con css3), iconos apilados y animación de giro (se puede agregar manualmente ) Glificones:  - Menos iconos  - Pixel Perfect en un tamaño de fuente mayor (16 px)  - Iconos del mismo tamaño

ver: http://tagliala.github.io/vectoriconsroundup/

A side-by-side comparison between popular icon fonts made for Bootstrap.


27
2017-09-19 23:39



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 el tipo de fuente impresionante debes ir aquí y personaliza tu descarga de Bootstrap para obtenerla sin glyphicons.


12
2018-06-26 07:56



Simplemente actualizando esta pregunta para obtener más ayuda.

Ahora en 2016 la tendencia es fuentes de materiales 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.

Marca El diseño del material 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.


6
2017-10-11 13:44