Cómo utilizar un increíble marcado de fuentes en tu página

Mucha gente buscará: Cómo usar la fuente fontawesome en PS en este blog. Quizás lo que estás buscando no es cómo usar Font Awesome en Photoshop, sino cómo aplicar Font Awesome a tu propio proyecto de desarrollo front-end.

Introducción a Font Niubi

Font Niubi es una herramienta de iconos de fuentes muy popular. Con la popularidad de Bootstrap, FontAwesome se puede utilizar no solo para bt, sino también para diversos desarrollos front-end web. En comparación con el uso tradicional de imágenes de fondo como íconos, los íconos de fuentes admiten principalmente la autoadaptación y pueden usar varias características de las fuentes (como cambios de color, ampliación y reducción, sombras de fuentes, etc.) para reducir la carga de datos y facilitar la modificación de los estilos. definir.

Función Font Awesome

Hay 369 archivos de fuentes de iconos.

No se requiere JavaScript: tiempos de carga más rápidos

Escalabilidad infinita: los gráficos vectoriales escalables significan que cada ícono se ve genial en cualquier tamaño.

Gratis: Puedes aplicarlo a tu negocio.

Controles CSS: define fácilmente el color, el tamaño, la sombra y cualquier funcionalidad relacionada con CSS del icono.

Retina-Perfect Display: Utiliza fuentes vectoriales, lo que significa que se muestran perfectamente en pantallas de alta resolución.

Nacido para BootStrap: totalmente compatible con BootStrap versión 3.0.

Apto para escritorio: puede ver una lista de estilos de fuente.

Compatible con lectores de pantalla: A diferencia de otros iconos de fuentes, no es compatible con lectores de pantalla.

Para usar Font Awesome

¿Solo tienes que ir a fontawesome.io? 0? Descargue el paquete zip y extráigalo en su proyecto.

Agregue un estilo a la fuente correspondiente: impresionante en el encabezado de su título HTML.

ltlink rel = " hoja de estilo " href = " ruta/a/font-awesome/CSS/font-awesome . min . CSS " gt

Empieza según el caso; aquí proyecto.

Para que sea compatible con el navegador IE, puedes utilizar la versión 3.2.1 de Font-awesome. Descargue font-awesome-ie7.css o font-awesome-ie7.min.css y luego introduzca el archivo de estilo en el proyecto.

¡Es! -[if IE 7] gt;

ltlink rel = " hoja de estilo " href = " activos/CSS/font-awesome-ie7 . min . CSS " >>p>

lt! [endif]-gt;