A continuación vamos a trabajar el ejercicio de fuentes en HTML.
Están listos.
Vamos el objetivo del ejercicio es poner en práctica el concepto de fuentes en HTML y al finalizar deberemos
observar lo siguiente según se muestra
como primer paso vamos a crear un proyecto.
El proyecto se va a llamar fuentes HTML y lo depositamos en la ruta mostrada y damos clic en Finalizar
ahora vamos a modificar nuestro documento índex punto HTML
vamos a definir el elemento Doctrine HTML.
Abrimos la etiqueta HTML y vamos a agregar a nuestro cabecero agregamos la etiqueta Metha con el valor
de UTE F8 y el título de fuentes en HTML y con eso cerramos nuestro cabecero.
Posteriormente agregamos la etiqueta de Bodhi y agregamos un título Fuentes en HTML posteriormente definimos
un párrafo y para manejar el concepto de fuentes vamos a utilizar la etiqueta de Font y para cambiar
la fuente que vamos a utilizar.
Podemos hacerlo por medio de la etiqueta feis y podemos observar que en HTML es común que indiquemos
varios tipos de fuentes debido a que si el navegador no tiene cargada alguna fuente entonces intenta
tomar la siguiente fuente y si no encuentra dicha fuente entonces intenta tomar la siguiente fuente.
Esto debido a que cada navegador y cada computadora puede tener instalada diferente tipo de fuentes
así que por ello cuando proporcionamos un tipo de fuente es común que proporcionemos varios tipos y
en este caso primero se intenta utilizar la fuente de Arial si no se tuviera definida o no se encontrara
dentro del equipo entonces se intentaría utilizar la fuente de Georgia y si no se encontrara entonces
se intentaría utilizar la fuente de Times y también podemos especificar el tamaño de esta fuente.
En este caso estamos especificando el tamaño de cinco y agregamos un texto en este caso agregamos éste
es un texto en el que vamos a aplicar una fuente distinta a la que se tenga configurado en el navegador
web y cerramos nuestra etiqueta de fuente y también cerramos nuestro párrafo.
Vamos a agregar otro ejemplo agregamos otro párrafo y ahora vamos a indicar la fuente de Kurier y el
tamaño de la Fuente lo vamos a indicar con el valor de menos dos este es un texto en el que vamos a
aplicar una fuente distinta a la que se tenga configurado en el navegador web y cerramos también la
etiqueta de fuente
y por último vamos a agregar otro ejemplo indicamos la fuente de Times pero ya no especificamos el largo
de la fuente así que el navegador en automático va a definir el tamaño de la Fuente por default que
va a manejar y agregamos también lo siguiente.
Este es un texto en el que vamos a aplicar una fuente distinta a la que se tenga configurada en el navegador
web.
Si el navegador no reconociera ninguna de estas fuentes va a utilizar la fuente que tenga configurada
por default.
Y con eso cerramos nuestro párrafo también cerramos el cuerpo y la etiqueta HTML
como siguiente paso ejecutamos nuestro proyecto y podemos observar lo siguiente Primero podemos observar
el título Fuentes en HTML y posteriormente podemos observar que aplicó un tamaño de fuente distinto
a este primer párrafo y aplicó la fuente de Arial.
Posteriormente aplicamos la fuente de Kurier con un tamaño más pequeño.
En este caso con un tamaño de menos dos así que podemos observar un tamaño más pequeño en la salida
del navegador cada navegador puede dar el formato de manera distinta según está configurado y según
responda a las etiquetas HTML.
Sin embargo en todos debería ser similar pero puede haber diferencias entre cada navegador y por último
observamos que cuando no especificamos el tamaño de la Fuente entonces nos muestra un tamaño de fuente
por default.
En este navegador así que de esta manera podemos modificar tanto el tipo de fuente como el tamaño de
nuestra fuente por medio del uso de la etiqueta Font como conclusión.
Con este ejercicio hemos puesto en práctica el concepto de fuentes en HTML el cual nos permite visualizar
nuestra información con distintas fuentes aplicadas.
Este concepto veremos más adelante que también es recomendable aplicarlo utilizando el concepto de hojas
de estilo CSS.
Con esto concluimos el concepto de fuentes en HTML.