136 · Diseño y Web

Vista previa de emparejamiento de fuentes

Elija una fuente de encabezado y una fuente de cuerpo para ver cómo funcionan juntas, con su propio texto.

Tus datos: Esta herramienta procesa su entrada en este navegador. CapyHelp no carga esa entrada para generar su resultado. Detalles de privacidad

Vista previa de emparejamiento de fuentes

Cómo utilizar la vista previa de emparejamiento de fuentes

  1. Elija una fuente para el título y una fuente para el cuerpo.
  2. Ajusta los tamaños y escribe tu propio texto.
  3. Copia el CSS.

¿Por qué las fuentes del sistema?

Estas fuentes ya se encuentran en la mayoría de las computadoras y teléfonos, por lo que se cargan instantáneamente y no cuestan nada. Cada uno viene con alternativas: si un dispositivo no tiene la primera opción, se usa la siguiente fuente similar. Una combinación clásica es un título serif, como Georgia, con un cuerpo sans-serif limpio.

Ejemplos

Georgia + interfaz de usuario del sistema

Clásico, legible

Impacto + Verdana

Título en negrita, texto de cuerpo ancho

Preguntas

¿Por qué una fuente se ve diferente en mi teléfono?

Algunas fuentes no están instaladas en todas partes, por lo que se utiliza un recurso alternativo. El CSS enumera buenas opciones para cada opción.

Traducción automática. Revisar resultados importantes.