Fuente (Cuadro de diálogo), Visual Web Developer

Actualización: noviembre 2007

El cuadro de diálogo Fuente permite definir atributos de estilo de hoja de estilos en cascada (CSS) que determinan las características de fuente para un elemento HTML. Puede aplicar estos atributos directamente a elementos HTML o agregarlos a reglas de estilo CSS.

Puede tener acceso al cuadro de diálogo Fuente con los métodos siguientes:

• En la vista Diseño, seleccione Fuente en el menú Formato.

Si el elemento de página seleccionado no tiene ninguna regla de CSS aplicada, la regla de estilo se crea como un estilo insertado. Si existe una regla de estilo CSS para el elemento de página, la información de estilo se escribe en la regla de estilo existente.

Nota:
Las reglas del estilo insertado invalidan las reglas del estilo que se encuentran en un elemento style de la página o las reglas del estilo que están en un archivo CSS externo.

Ficha Fuente

• Fuente
  Proporciona una lista de fuentes para utilizar en el texto de un elemento de página.

  Si diseña documentos para usuarios que podrían trabajar con sistemas operativos diferentes, seleccione fuentes que tengan la mayoría de los usuarios. Probablemente, gran parte de los usuarios de Internet no tenga una amplia variedad de fuentes instaladas. Es habitual indicar varias fuentes para que el explorador pueda seleccionar la mejor coincidencia. Por ejemplo, podría seleccionar Verdana, que es una fuente del sistema de Windows diseñada para la presentación en web. A continuación, podría agregar manualmente Arial, Helvetica (para los exploradores de Macintosh) y Sans-Serif (la opción de fuente genérica para los usuarios que no tienen ninguna de las otras fuentes indicadas). Si selecciona estas fuentes, se agrega la siguiente regla de estilo CSS:

  font-family: Verdana, Arial, Helvetica, sans-serif;

• Estilo de fuente
  Establece el atributo font-style para el texto de un elemento de página.

  Seleccione <Estilo predeterminado> (ninguna opción elegida), Negrita o Cursiva. Por ejemplo, si selecciona Cursiva, se agrega la siguiente regla de estilo CSS:

  font-style: italic;

  Nota:
  Cuando el atributo es <Estilo predeterminado>, no se crea ninguna regla de estilo y no se agrega ningún código a una regla del estilo existente.

• Tamaño
  Establece el atributo font-size para el texto de un elemento de página.

  Puede utilizar los valores absolutos de la lista como grande (18pt) y extra grande (36pt). También puede seleccionar tamaños relativos como menor y mayor. También puede escribir un valor concreto y una unidad, como px, pt (valor predeterminado), pc, mm, cm, in, em, ex y %. Por ejemplo, si escribe 20pt, se insertará el siguiente marcado de CSS:

  font-size: 20pt;

  Nota:
  Evite utilizar medidas en píxeles (px), ya que el texto con formato en píxeles se imprimirá con un tamaño menor que el tamaño del texto en el monitor. Esto puede provocar problemas de accesibilidad.

• Color
  Establece el color para el texto de un elemento de página. Seleccione un color en la lista o haga clic en Más colores para obtener opciones adicionales.

• Efectos
  Agrega atributos HTML para efectos de texto como text-transform y text-decoration, y para atributos de frase de texto como cite y code. Por ejemplo, si activa las casillas Mayúsculas y Subrayado, se agrega la siguiente regla de estilo CSS:

  text-transformation: uppercase; text-decoration: underline;

• Vista previa
  Muestra una vista previa de texto de muestra con los atributos seleccionados aplicados.

Ficha Espaciado entre caracteres

• Espaciado
  Establece el espaciado de las letras en el texto de un elemento de página. Elija Expandido para insertar más espacio entre las letras o Comprimido para reducir el espaciado entre las letras. Esta opción se utiliza con la opción De, que proporciona un valor para la cantidad que se expande o comprime el espaciado entre las letras. Por ejemplo, si establece Espaciado en Comprimido y establece De en 2pt, se agrega la siguiente regla de estilo CSS:

  letter-spacing: -2pt;

  Nota:
  Cuando el atributo se establece en Normal, no se crea ninguna regla de estilo y no se agrega ningún código a una regla del estilo existente.

• De
  Establece el espaciado de las letras en texto que se expande o se comprime.

• Posición
  Establece la alineación vertical del texto de un elemento de página. Por ejemplo, si establece Posición en "text-top", se agrega la siguiente regla de estilo CSS:

  vertical-align: text-top;

• Vista previa
  Muestra una vista previa de texto de muestra con los atributos seleccionados aplicados.

Vea también

Conceptos

Información general sobre el trabajo con CSS