CSS Font Weight

Construye una regla font-weight 100–900.

Salida font-weight: N en pasos de 100. A diferencia de CSS Letter Spacing, es peso tipográfico, no tracking. A diferencia de CSS Word Spacing, no son huecos entre palabras. Copia la regla en esta pestaña.

Ejemplo de texto con peso de fuente

font-weight: 700;

Qué hace CSS Font Weight

Salida font-weight: N en pasos de 100. A diferencia de CSS Letter Spacing, es peso tipográfico, no tracking. A diferencia de CSS Word Spacing, no son huecos entre palabras. Copia la regla en esta pestaña.

CSS Font Weight está en Diseño a propósito. No es CSS Letter Spacing (Construye una regla letter-spacing en em.) ni CSS Word Spacing (Construye una regla word-spacing en em.). Use esta página cuando necesite Construye una regla font-weight 100–900. Si fuerza CSS Font Weight a hacer el trabajo de un vecino, el resultado fallará aunque la interfaz se vea igual.

Cómo usar CSS Font Weight

  1. Use CSS Font Weight para este trabajo de diseño (css font weight). CSS Letter Spacing es vecino (Construye una regla letter-spacing en em.) pero no igual.
  2. Añada el tipo de archivo que acepta CSS Font Weight. Pista de la ruta: css font weight. Construye una regla font-weight 100–900.
  3. Ajuste solo opciones de CSS Font Weight. CSS Word Spacing hace otra cosa (Construye una regla word-spacing en em.). Nota: Salida font-weight: N en pasos de 100. A diferencia de CSS Letter Spacing, es peso tipográfico, no tracking. A diferencia de CSS Word Spacing, no son huecos entre palabras. Copia la regla en esta pestaña.
  4. Ejecute CSS Font Weight en esta pestaña. Sigue valiendo la memoria del navegador: font-weight 100 a 900, pasos de 100. Solo CSS. Copia en esta pestaña.
  5. Descargue o copie el resultado de CSS Font Weight. Si no era la tarea, abra CSS Letter Spacing.

Cuándo no usar CSS Font Weight

No use CSS Font Weight si un vecino encaja mejor — pruebe CSS Letter Spacing o CSS Word Spacing — o si la descripción ya avisa que fallará. En palabras de la herramienta: Salida font-weight: N en pasos de 100. A diferencia de CSS Letter Spacing, es peso tipográfico, no tracking. A diferencia de CSS Word Spacing, no son huecos entre palabras. Copia la regla en esta pestaña.

Preguntas sobre CSS Font Weight

¿Qué hace CSS Font Weight que otras páginas de Diseño no hacen?
Salida font-weight: N en pasos de 100. A diferencia de CSS Letter Spacing, es peso tipográfico, no tracking. A diferencia de CSS Word Spacing, no son huecos entre palabras. Copia la regla en esta pestaña. En corto: Construye una regla font-weight 100–900.
¿CSS Font Weight sube mi archivo o texto a servidores de Tool-You?
No. CSS Font Weight corre en esta pestaña. Los archivos se quedan en el dispositivo. Límite: font-weight 100 a 900, pasos de 100. Solo CSS. Copia en esta pestaña.
¿Debo usar CSS Letter Spacing en lugar de CSS Font Weight?
Use CSS Font Weight si necesita Construye una regla font-weight 100–900. Use CSS Letter Spacing si necesita Construye una regla letter-spacing en em. Misma categoría (Diseño), trabajo distinto.
¿Cuáles son los límites de CSS Font Weight?
font-weight 100 a 900, pasos de 100. Solo CSS. Copia en esta pestaña. Además: Salida font-weight: N en pasos de 100. A diferencia de CSS Letter Spacing, es peso tipográfico, no tracking. A diferencia de CSS Word Spacing, no son huecos entre palabras. Copia la regla en esta pestaña.