HTML tamaños de fuente, tipos y colores

December 9

Cuando usted está diseñando su sitio web con HTML y CSS (Cascading Style Sheets), una consideración clave debe ser cómo desea que su texto a buscar a sus visitantes. Desde su color a su tamaño al que fuente a utilizar, tiene un control completo sobre el aspecto visual de su texto.

Fuentes y CSS

La etiqueta está en desuso en HTML 4 y completamente ausente en HTML 5, ya que, como un elemento de presentación, de acuerdo con W3Schools, las fuentes se manejan mejor mediante hojas CSS o Cascading Style. El uso de CSS en el diseño de su web, puede especificar los atributos de fuente en cada elemento individual, a partir de p> <párrafos a <div> divisiones. atributos de fuente CSS incluyen "font-family:" "font-style" y "font-size". Un ejemplo de configuración de la fuente con una hoja de estilo:

p {font-family: "Times New Roman", Arial; font-style: normal; font-size: 1 em; }

Fuentes y HTML

Mientras que la etiqueta HTML ha convertido en desuso y W3Schools desaconseja su uso, los navegadores web todavía lo apoyarán en aras de la compatibilidad hacia atrás. Para establecer la fuente de un fragmento de texto, encapsular con apertura y de cierre etiquetas. atributos comunes en un elemento de fuente HTML incluyen "cara", "color" y "tamaño". Por ejemplo:

Ejemplo.

Los tamaños de fuente

En HTML, se puede establecer el atributo de "tamaño" a cualquier número entre "1" y "7", con "3" es el tamaño de fuente predeterminado de un navegador Web. Cuanto mayor sea el número, aparecerá la más grande de su texto. En CSS, se puede establecer el atributo "font-size" en una de tres maneras. Puede establecer el valor en píxeles, tales como "16px", que es el tamaño normal para las fuentes. Ajuste el tamaño de fuente en píxeles no es compatible con Internet Explorer, por lo W3Schools recomienda utilizar los valores "em" en su lugar, donde es igual a 1 em 16px. Una tercera forma es utilizar tamaño relativo por medio de porcentajes, donde "100%" es el tamaño normal de una letra en su página web.

caras de la fuente

Cuando define la cara, o el estilo, de su fuente, ya sea en la "cara" de HTML o CSS de "font-family" atributos, tendrá que especificar no sólo una, sino varias fuentes. Si el usuario no tiene instalada la fuente que desea, su navegador comprobará para ver si tiene instalado el lado de la fuente preferida, y así sucesivamente en la lista. W3Schools recomienda poner fin a su lista con una fuente genérica, como "serif", "sans-serif" o "espacio sencillo". los tipos de fuentes comunes incluyen "Times New Roman", "Georgia", "Arial", "Verdana", "Courier New" y "Consola Lúcida."

colores de fuente

En HTML, se establece el color de cualquier trozo de texto utilizando el atributo de la etiqueta "color". Al establecer el "color", se puede utilizar el nombre del color, como "rojo", "blanco" o "darksalmon", o el valor hexadecimal RGB del color. Con las hojas de estilo, especificar el color de la fuente con el atributo "color" en cualquier elemento. Por ejemplo:

p {color: red; }

Con CSS, se puede establecer el color de la fuente de tres maneras: con el nombre del color, el valor hexadecimal del color, y el valor RGB del color, como "rgb (255,0,0)" para el rojo. Para obtener una lista completa de los nombres de 147 colores y sus valores hexadecimales correspondientes, consultar la lista de w3school en Recursos.