Comencemos con esta lección analizando las fuentes, parte fundamental del contenido de una página web. Veamos cómo elegir la fuente adecuada y configurarla para el texto contenido en nuestra página web.
Antes de analizar a fondo este tema, es importante saber que, aunque tengas fuentes muy bonitas y decorativas a tu disposición, es mejor no usarlas porque los usuarios que visiten tu sitio, si no tienen ese tipo de fuente en la carpeta de fuentes de Windows, nunca la verán, y el resultado será la visualización de un muy simple Times New Roman.
Dicho esto, resumo brevemente que las fuentes a utilizar para tus páginas web deben estar incluidas entre estos tipos: -Verdana -Georgia -Arial -Sans-serif -Trebuchet MS -Courier -Times New Roman – Helvetica teniendo en cuenta que la característica principal de la fuente debe ser la “legibilidad”.
Para nuestra página index.html utilizaremos la fuente Verdana porque es muy legible y al mismo tiempo agradable. Establecemos como fuente principal para nuestra página web la “Verdana” utilizando la nueva etiqueta font face.
Aquí tenemos en acción la nueva etiqueta: También la etiqueta font face usa etiqueta de cierre.
Veamos entonces cómo insertar nuestra primera línea de texto en nuestra página web: Aquí está mi primer texto Para que el texto escrito aparezca en Verdana debe necesariamente estar escrito entre las etiquetas y .
Pero si un usuario no tiene instalada la fuente Verdana en su PC… ¿qué debo hacer? ¡Buena pregunta! Hay solución para todo… ¡insertamos varios tipos de fuentes en la etiqueta!
"verdana,arial,helvetica,courier">
Aquí está mi primer texto
Claramente la primera fuente es Verdana, pero si el usuario no la ve, verá el texto escrito en Arial… ¡y así sucesivamente! ¿Jugamos un poco?
Utilicemos todos los tipos para ver qué efecto hacen en nuestra página. Así es como se hace:
Aquí está mi primer texto Aquí está mi primer texto Aquí está mi primer texto Aquí está mi primer texto Aquí está mi primer texto Aquí está mi primer texto
Bueno… era solo una forma de explicar mejor cómo escribir la etiqueta que especifica la fuente para entender la apertura y el cierre.
Pubblicato in HTML & CSS
Sé el primero en comentar