Pages Menu
TwitterRssFacebook
Categories Menu

Posted by on Ago 24, 2012 in Trucos | 1 comment

Definir el tipo de fuente o letra mediante Css

Diseñar un sitio Web con Css es algo imprescindible hoy en día; ya no podemos permitirnos eso de utilizar comandos html del tipo <p><font face=”Verdana, Arial”>Texto<font></p>

Hoy, todo el formato debe ser controlado mediante Css, y el Css debe estar en un archivo externo, no dentro del código html de la plantilla, puesto que nos genera una enorme cantidad de código basura que hace más difícil el trabajo a los motores de búsqueda para indexar correctamente el contenido de nuestro sitio Web.

Bien. Para definir el tipo de fuente o letra que deseamos, en nuestro archivo Css agregamos la siguiente línea de código:

font-family: Arial, Verdana, Tahoma;

Si queremos que todo el sitio, de forma predeterminada tenga el mismo tipo de letra, lo definimos dentro de la etiqueta body:

body {

font-family: Arial, Verdana, Tahoma;

font-size: 13px;

color: #000000;

}

Si queremos que cada sección de la página tenga un tipo de letra diferente, tendremos que definirla en cada una de las secciones desde Css.

En el código transcrito, le estamos diciendo al navegado que nos muestre el contenido en letra Arial, con un tamaño de 13 píxeles y de color negro.

Si observa con detalle la definición de la fuente, notará que hay tres tipos de letra: Arial, Verdana, Tahoma.

Esto se hacer para indicarle al navegados que si no existe la fuente Arial, entonces utilice la siguiente, esto es Verdana, y si tampoco existe la fuente Verdana, entonces utilice Tahoma.

Esto es así porque hay algunos navegadores que no soportan todas las fuentes, principalmente aquellos navegadores antiguos, de modo que hay que ofrecer varias alternativas por si no tiene una de las fuentes.

1 Comentario

  1. QUISIERA UN PRESUPUESTO PARA MI NEGOCIO (ASESORÍAS CONTABLES, IMPUESTOS, TRAMITES, ASESORIA LEGAL, LABORAL, FINANCIERO).
    QUIERO ALGO BUENO, BONITO Y BARATO….SENCILLO PERO BUENO.
    CEL 310-6303359

    MIL GRACIAS

    LUIS MORENO

Publicar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *