O cartão baixa arquivos de fonte?

Não. Ele usa os nomes informados como pilhas CSS e não baixa arquivos de fonte.

O que é uma pilha CSS de fontes?

É uma lista de fontes em ordem de preferência, normalmente terminada por um fallback como serif, sans-serif ou system-ui.

A aparência exibida será igual em qualquer dispositivo?

Não necessariamente. O resultado depende das fontes instaladas ou carregadas pela página hospedeira.

Posso usar texto em outros alfabetos?

Sim. O cartão oferece conjuntos latino, cirílico, grego, chinês, árabe e devanagari.

Quais ajustes tipográficos estão disponíveis?

É possível ajustar tamanho, peso e altura de linha do título e do corpo, além das pilhas CSS e do texto de exemplo.

Elysia Tools

Navegação

Design

Cartão de pré-visualização de combinação de fontes

Visualize uma combinação de fontes para título e corpo com texto real, tamanhos, pesos, alturas de linha, caracteres e CSS.

Detalhes

O que esta ferramenta ajuda você a fazer

O cartão usa os nomes informados como pilhas CSS sem baixar arquivos de fonte. O resultado é determinístico e funciona offline; a aparência depende das fontes disponíveis na página hospedeira.

Execução

Executar esta ferramenta

Preencha o formulário, execute a ferramenta e veja o resultado no mesmo lugar.

Execuções de exemplo preparadas

Clique em um exemplo para preencher o formulário automaticamente. Arquivos ainda precisam ser enviados.

2 exemplos

Serif editorial + sans neutra

Visualize um título editorial contrastante com texto confortável.

{
  "type": "html"
}

Combinação de produto cirílica

Confira caracteres cirílicos antes de escolher as fontes.

{
  "type": "html"
}

Entradas

As opções estão agrupadas para deixar formulários longos mais fáceis de revisar.

10 opções

ConteúdoCole ou digite os valores principais.3

Pilha de fonte do títulotextObrigatórioPilha de fonte do corpotextObrigatórioTexto de exemplotextareaObrigatório

ConfiguraçõesAjuste formatos, intervalos, números e modos.7

Conjunto de caracteresselectOpcionalTamanho do título (px)numberOpcionalTamanho do corpo (px)numberOpcionalPeso do títulonumberOpcionalPeso do corponumberOpcionalAltura de linha do títulonumberOpcionalAltura de linha do corponumberOpcional

Resultado

Pronto para executar

Depois de executar, arquivos, texto, dados estruturados ou saída em streaming aparecerão aqui.

Exemplos

Exemplos compatíveis com esta ferramenta

Relacionado

Cartão de pré-visualização de combinação de fontes

O que esta ferramenta ajuda você a fazer

Executar esta ferramenta

Execuções de exemplo preparadas

Entradas

Resultado

Exemplos compatíveis com esta ferramenta

Continue com ferramentas e temas relacionados

Execuções de exemplo preparadas

Entradas

Resultado

Veja quando usar esta ferramenta, o que ela suporta e como os usuários a aplicam.

Fatos principais

Visão geral

Quando usar

Como funciona

Casos de uso

Exemplos

1. Combinação editorial para uma página de conteúdo

2. Verificação de caracteres cirílicos

Perguntas frequentes

Exemplos de Cartão de Crédito

Amostras de Áudio MP3 Livres de Direitos Autorais

Exemplos SVG

Exemplos de Processamento de Imagem Android Java

Ajustador de Opacidade de Cor

Extrator de tokens de tema ECharts

Laboratório de Tipografia PDF

Remover Linhas Duplicadas

Ferramentas de conversão de caixa, codificação e normalização de texto

Ferramentas de Text

Ferramentas de análise de texto, legibilidade e inspeção de conteúdo

Ferramentas de redação, destaque e formatação de apresentação de texto

3. Teste rápido de uma pilha CSS