Nuevo estilo (Cuadro de diálogo), Fuente

  • Artículo

Actualización: noviembre 2007

La categoría Fuente del cuadro de diálogo Nuevo estilo permite definir reglas de estilo de hojas de estilos en cascada (CSS) para las fuentes del texto. Puede aplicar estas reglas de estilo directamente a elementos HTML o agregarlas a la página actual o a una hoja de estilos externa.

Para definir una regla de estilo de fuente de CSS para elementos de la interfaz de usuario de la página actual

  1. Abra la página en la vista Diseño o la vista Código.

  2. Opcionalmente, seleccione el texto o los elementos HTML a los que aplicar el estilo.

  3. En el menú Formato, haga clic en Nuevo estilo.

    Aparece el cuadro de diálogo Nuevo estilo.

  4. En el panel Categoría, seleccione Fuente.

    Las selecciones de estilo de fuente se muestran en el panel derecho.

Cuando aplique estilos al texto seleccionado en la vista Diseño, los atributos de estilo se insertarán en el marcado HTML de la página. Cambie a la vista Código para revisar los nuevos atributos de estilo.

Para agregar atributos de fuente a una regla de estilo CSS definida en una hoja de estilos externa

  1. Abra una hoja de estilos externa existente.

  2. Coloque el cursor entre las llaves de la regla de estilo que se va a modificar.

  3. En el menú Estilos, haga clic en Generar estilo.

    Aparece el cuadro de diálogo Modificar estilo.

    Nota:

    El menú Estilos aparecerá cuando abra una hoja de estilos CSS externa para editarla. La opción Generar estilo del menú Estilos estará disponible cuando coloque el cursor entre las llaves situadas detrás del selector de una regla de estilo.

  4. En el panel izquierdo, haga clic en Fuente.

    Las selecciones de estilo de fuente aparecen en el panel derecho.

Puede aplicar una clase de estilo CSS a un elemento de la página web o al elemento body en sí estableciendo la propiedad class del elemento en el nombre del selector de clase.

En las tablas siguientes se indican las opciones disponibles bajo la categoría Fuente de los cuadros de diálogo Nuevo estilo y Modificar estilo.

Opciones de Fuente

  • font-family
    Nombre de una fuente de texto. Los nombres de fuente que contienen espacios deben incluirse entre comillas, como "Times New Roman". Se pueden especificar varios nombres de fuente, separados por comas (,). Se recomienda que la última fuente de la lista sea una fuente genérica, como "serif", "sans-serif" o "monospace".

  • font-size
    Tamaño de la fuente. Si indica un valor, puede seleccionar unidades de valor en la lista. Se recomienda utilizar tamaños relativos, como pequeño, más grande o un porcentaje, de forma que los usuarios puedan ajustar el tamaño de fuente en el explorador web.

  • font-weight
    El espesor de la fuente, como normal, negrita o 400.

  • font-style
    El estilo o inclinación de la fuente, como normal o cursiva. Si selecciona la opción de estilo oblicuo, la mayoría de los exploradores web representarán la fuente como cursiva.

  • font-variant
    Un estilo variante para representar la fuente. Los valores son los siguientes:

    • normal   La fuente se representará normalmente.

    • small-caps   La fuente se representará en letras versales.

    • inherit   El estilo variante se heredará del elemento primario.

  • text-transform
    Un valor que define los efectos de uso de mayúsculas del texto. Los valores son los siguientes:

    • capitalize   La primera letra de cada palabra se representa en mayúsculas.

    • lowercase   Todas las letras se representan en minúsculas.

    • uppercase   Todas las letras se representan en mayúsculas.

    • none   El uso de mayúsculas del texto no cambia.

    • inherit   El estilo de text-transform se heredará del elemento primario.

  • color
    Color de la fuente de texto.

  • text-decoration
    Una combinación de los atributos de texto siguientes: underline, overline, line-through y blink. Si selecciona none, se desactivarán todas las demás casillas.

Otros elementos de la interfaz de usuario

  • Selector
    (Sólo cuadro de diálogo Nuevo estilo) Permite escribir un nombre de clase o hacer clic en un elemento HTML al que se aplica el estilo. Los nombres de clase deben comenzar con un punto (.). También puede seleccionar (estilo en línea), lo que hace que el estilo se inserte en el texto o elementos HTML seleccionados.

  • Definir en
    (Sólo cuadro de diálogo Nuevo estilo) Permite especificar dónde se escribe la definición de la regla de estilo. Los valores son los siguientes:

    • Página actual   La regla de estilo se escribe en un elemento style de la página actual.

    • Nueva hoja de estilos   Se agrega una nueva hoja de estilos CSS al proyecto y la regla se escribe en ella.

    • Hoja de estilos existente   Se agrega la regla de estilo a la hoja de estilos CSS especificada mediante la lista Dirección URL.

  • Dirección URL
    (Sólo cuadro de diálogo Nuevo estilo) Permite seleccionar una hoja de estilos CSS. Esta opción está habilitada sólo cuando Definir en está establecido en Hoja de estilos existente.

  • Aplicar nuevo estilo a la selección del documento
    (Sólo cuadro de diálogo Nuevo estilo) Especifica que el estilo se aplica al texto, clase o elemento HTML seleccionado.

  • Vista previa
    Muestra un ejemplo de cómo aparecerá la regla de estilo al aplicarla.

  • Descripción
    Muestra la definición CSS de la regla de estilo.

Vea también

Conceptos

Información general sobre el trabajo con CSS

Referencia

Nuevo estilo (Cuadro de diálogo), Bloque

Selector de color (Cuadro de diálogo)

Selector de fuente (Cuadro de diálogo)