¿La herramienta descarga las fuentes introducidas?

No. Usa los nombres suministrados como pilas CSS y no descarga archivos de fuentes.

¿Qué resultado genera?

Genera una vista previa en HTML de la combinación para título y cuerpo.

¿Puedo usar fuentes de reserva?

Sí. Puedes añadir fuentes alternativas y una familia genérica como serif, sans-serif o system-ui.

¿Por qué el aspecto puede variar entre páginas?

El resultado depende de las fuentes instaladas o cargadas en la página anfitriona.

Elysia Tools

Navegación

Design

Tarjeta de vista previa de parejas tipográficas

Previsualiza una combinación de fuentes para título y cuerpo con texto real, tamaños, pesos, interlineado, caracteres y CSS.

Detalles

Qué te ayuda a hacer esta herramienta

La tarjeta usa los nombres suministrados como pilas CSS sin descargar fuentes. El resultado es determinista y funciona sin conexión; el aspecto final depende de las fuentes disponibles en la página anfitriona.

Ejecución

Ejecutar esta herramienta

Completa el formulario, ejecuta la herramienta y revisa el resultado en un solo lugar.

Ejecuciones de ejemplo preparadas

Haz clic en un ejemplo para completar el formulario automáticamente. Los archivos aún deben subirse.

2 ejemplos

Serif editorial + sans neutra

Previsualiza un título editorial y un texto sereno.

{
  "type": "html"
}

Pareja de producto cirílica

Comprueba los caracteres cirílicos de una interfaz.

{
  "type": "html"
}

Entradas

Las opciones están agrupadas para que los formularios largos sean más fáciles de revisar.

10 opciones

ContenidoPega o escribe los valores principales.3

Pila de fuente del títulotextObligatorioPila de fuente del cuerpotextObligatorioTexto de muestratextareaObligatorio

AjustesAjusta formatos, rangos, números y modos.7

Conjunto de caracteresselectOpcionalTamaño del título (px)numberOpcionalTamaño del cuerpo (px)numberOpcionalPeso del títulonumberOpcionalPeso del cuerponumberOpcionalInterlineado del títulonumberOpcionalInterlineado del cuerponumberOpcional

Resultado

Listo para ejecutar

Al ejecutar la herramienta, aquí verás archivos, texto, datos estructurados o salida en streaming.

Ejemplos

Ejemplos que encajan con esta herramienta

Relacionado

Tarjeta de vista previa de parejas tipográficas

Qué te ayuda a hacer esta herramienta

Ejecutar esta herramienta

Ejecuciones de ejemplo preparadas

Entradas

Resultado

Ejemplos que encajan con esta herramienta

Continuar con herramientas y temas relacionados

Ejecuciones de ejemplo preparadas

Entradas

Resultado

Conoce cuándo usar esta herramienta, qué admite y cómo la aplican los usuarios.

Datos clave

Resumen

Cuándo usarlo

Cómo funciona

Casos de uso

Ejemplos

1. Serif editorial y sans serif neutra

2. Pareja tipográfica para una interfaz cirílica

Preguntas frecuentes

Ejemplos de Tarjetas de Crédito

Muestras MP3 Sin Derechos de Autor

Ejemplos SVG

Ejemplos de Procesamiento de Imágenes Android Java

Ajustador de Opacidad de Color

Extractor de tokens de tema ECharts

Laboratorio de Tipografía PDF

Eliminar Líneas Duplicadas

Herramientas de conversión de texto, codificación y normalización

Herramientas de Text

Herramientas de análisis de texto, legibilidad e inspección de contenido

Herramientas de redacción, resaltado y formato de presentación de texto