Estilos de fuente HTML

Para fuentes del estilo de HTML, lo mejor es usar CSS o las hojas de estilo en cascada, que puede ser añadido después de un "style =" atributo en un <div>, <span>, o el elemento <p> en su página web. CSS puede ser utilizado con el estilo de la familia de la fuente, el tamaño y la decoración --- que le proporciona la mayor parte del control que tendría a su disposición en un programa de tipografía sin recurrir a soluciones alternativas ( "hacks") o mostrar texto en una imagen.

La elección de un tipo de letra

Use "font-family" para elegir el tipo de letra apropiada para su web; Si se proporcionan múltiples tipos de letra, el navegador va a elegir el primero que está disponible en el sistema de visualización. "Font-family: Arial, sans-serif;" intentará cargar la fuente Arial y, si no se encuentra, se utilizará genérica tipografía sans serif del sistema. Siempre que sea posible, tratar de atenerse a las fuentes "seguros para la Web": Arial y Helvetica para sans-serif, Times New Roman para el trazo de pie, y el mensajero de espacio fijo. Si utiliza otras fuentes (sobre todo los oscuros), asegúrese de añadir una fuente de respaldo en caso de que la persona que ve su sitio no tiene su fuente de elección instalado.

Tamaño de fuente

La propiedad "Tamaño de las letras" le permite establecer ya sea el absoluto o el tamaño relativo del texto. Por ejemplo, "font-size: 10pt;" iniciará el texto a aparecer a los 10 puntos de altura, independientemente de lo que la rodea es de tipo. Si desea establecer el texto como ser mayor o menor que el material circundante, use un porcentaje en su lugar: "font-size: 75%;" dentro del atributo de estilo de una etiqueta <span> hará que todo el texto contenido dentro de esas etiquetas 3/4 del tamaño del texto que la rodea. La alternativa, que establece el texto como más grande, es útil para crear titulares sin depender de la "H1" a las etiquetas de titular "H6".

Negrita y subrayado

Por lo general es seguro asumir que puede estilo de texto en negrita o subrayado con <b> </ b> o <u> </ u> etiquetas, respectivamente. Sin embargo, el uso de CSS puede aumentar la compatibilidad entre plataformas y te da opciones de diseño adicionales. La propiedad "font-weight" le permite establecer un tipo de letra en negrita ( "font-weight: bold;") o ligera ( "font-weight: más ligero"). Si necesita más control, puede especificar el peso en múltiplos de 100 del 100 a la 900; en este caso, "font-weight: 500;" dará lugar a un texto de peso medio. Para subrayar o texto tachado, utilice la propiedad "text-decoration"; "Text-decoration: underline;" subrayará el texto, y "text-decoration: tachado;" golpeará a través. Use "text-decoration: none;" para eliminar los subrayados de texto que normalmente tienen esta propiedad, tales como hipervínculos.

Fuentes variantes y cursiva

CSS también le permite estilizar la fuente de una manera que no estarían disponibles en una máquina de escribir (que en negrita y subrayado emular). Por ejemplo, "al estilo de letra: cursiva;" utilizará la versión en cursiva de la fuente, y "font-variant: small-caps" se puede utilizar para producir un texto en letras minúsculas se reproducen como versiones más pequeñas de las mayúsculas. Para el estilo de todo el texto en mayúsculas, sin diferenciar entre las letras más pequeñas y más grandes, utilice la propiedad "text-transform: mayúsculas;" para modificar el que la capitalización del texto tenía anteriormente.