[MÚSICA]
Hablemos ahora de las fuentes de los iconos.
¿ Qué son?
¿ Cómo son útiles?
¿ Y cómo hacemos uso de ellos en el diseño de nuestra página web?
Las fuentes de iconos proporcionan una forma muy flexible de incluir
imágenes pequeñas en nuestras páginas web que se pueden aplicar al mismo estilo que el texto.
Así que esa es la razón por la que las fuentes de iconos resultan muy,
muy útiles en el diseño de sitios web.
Usando fuentes de iconos, puede tomar una página web como esta y
convertirla rápidamente en una página web como esta.
Tenga en cuenta el uso de iconos junto con el texto en la barra de navegación,
y luego cuando se desplaza hacia abajo hasta el pie de página,
puede ver más iconos que se utilizan en el pie de página.
Y también sus enlaces a redes sociales ahora son reemplazados por botones de redes sociales aquí.
Así que estos son los cambios que las fuentes de iconos le permitirán hacer a su sitio web.
Así que como mencioné brevemente antes, las fuentes de iconos son un conjunto de símbolos o
glifos que se pueden utilizar en el diseño de su sitio web.
Estas se pueden utilizar al igual que las fuentes normales, al
igual que las fuentes de texto normales que usas en tu sitio web.
Su ventaja es que puede darles estilo y
luego expandirlos y contraerlos y usar todos los
estilos típicos que utiliza en su texto, para sus iconos también.
Se ven como un popular reemplazo ligero para
gráficos simples que puedes usar en tus páginas web,
simplemente gráficos o imágenes que puedes usar en tus páginas web.
Y son muy, muy útiles en el diseño de sus páginas web.
Hay muchos paquetes de fuentes de iconos disponibles en el mercado.
Uno de los más populares es Font Awesome, del
que voy a hablar a continuación.
Font Awesome, como digo, es una fuente de icono muy popular.
Está disponible de forma gratuita para su uso en el diseño de su página.
Ha sido ampliamente utilizado por muchos sitios web diferentes.
Aprenderemos cómo descargar Font Awesome y
luego usarla en la página web en el ejercicio que sigue a esta conferencia.
Usar Font Awesome en su página web es tan simple como
usar algunas clases que se aplican a una i,
o una etiqueta span en el código HTML de su página web.
Así que una vez que incluya el CSS y
los archivos de fuentes que están disponibles a través de Font Awesome,
entonces es muy sencillo hacer uso de Font Awesome en sus páginas.
Otra característica común que se puede ver en
las páginas web es el uso de botones del sitio social allí como Facebook,
Twitter, Google+ y YouTube y muchos otros.
Ahora, afortunadamente para nosotros, hay este otro
archivo CSS llamado bootstrap-social que puede descargar y
hacer uso de, incluyendo varios
botones del sitio de redes sociales en su página web.
Veremos el uso de bootstrap-social en el ejercicio que sigue.
Una vez que descargue el archivo css bootstrap-social, lo incluirá en su página web.
Y luego, junto con los iconos Font Awesome,
puede combinar eso con clases sociales de arranque
para incluir varios botones de redes sociales en sus páginas web.
Así que sin más preámbulos, pasemos al siguiente ejercicio donde
vamos a usar tanto Font Awesome como bootstrap-social,
una versión modificada del archivo bootstrap-social.css que
proporciono en las instrucciones de ejercicio que debe descargar e
incluir en su proyecto de confusión y hacer uso de de la misma en el ejercicio.
[ MÚSICA]