ForHosting KIT · PDF e documentos

Sugira uma combinação de fontes por estilo

Escolher fontes fica mais simples quando cada papel visual é analisado separadamente.

● BetaGrátis · no seu navegador

Use pelo WebAPIE-mailTelegramApp em breve

Informe se a fonte do título é serif, sans-serif, slab ou display e escolha o clima que deseja transmitir. A ferramenta retorna uma fonte comum para o corpo, sua classificação, duas alternativas e uma breve explicação do contraste. O resultado é um ponto de partida fundamentado para um sistema de design real, e não a promessa de que duas fontes funcionarão sem testar pesos, tamanhos e conteúdo no projeto.

Comece pelo papel visual do título

A fonte do título estabelece identidade, hierarquia e ritmo, enquanto a fonte do corpo precisa ser confortável em frases, parágrafos, legendas e rótulos de interface. Primeiro, classifique o título pela construção predominante: serif, sans-serif, slab ou display. Fontes serif têm remates e muitas vezes evocam referências literárias ou históricas. Fontes sans-serif eliminam esses remates e podem parecer diretas, neutras ou contemporâneas. Fontes slab usam serifas fortes e retangulares, que transmitem peso e segurança. Display é a categoria mais ampla: reúne desenhos decorativos, muito contrastados, condensados, incomuns ou destinados principalmente a tamanhos grandes. A classificação não descreve todos os detalhes, mas oferece uma restrição inicial útil. Em seguida, a ferramenta escolhe uma fonte de corpo cuja textura contraste com o título ou crie uma semelhança controlada. Se o título estiver entre categorias, selecione a característica percebida primeiro pelo público e compare também o resultado da categoria vizinha.

Use o clima para definir o contraste

Contraste não significa apenas seguir a regra de sempre combinar serif com sans-serif. Ele pode surgir da construção, das proporções, da modulação do traço, da largura, do peso ou da personalidade. O clima define qual dessas diferenças deve ganhar destaque. Uma direção elegante pode unir títulos contidos a uma serif refinada para leitura, enquanto uma direção minimalista costuma pedir uma textura discreta e neutra no corpo. Um resultado divertido aceita formas arredondadas ou detalhes mais vivos; um resultado técnico se beneficia de caracteres bem diferenciados e proporções precisas. O algoritmo usa uma tabela fixa de orientações, portanto entradas idênticas sempre geram a mesma recomendação. Essa previsibilidade ajuda você a documentar decisões e automatizar sugestões reproduzíveis. Considere a fonte principal a correspondência mais clara e as alternativas como caminhos próximos. Elas não são classificadas por popularidade, e a ferramenta não baixa, inspeciona, licencia nem mede arquivos de fonte.

Teste a combinação no layout real

Uma recomendação só vira uma combinação funcional depois que as fontes reais são testadas com conteúdo verdadeiro. Monte vários níveis de título, um parágrafo longo, rótulos curtos, números, pontuação, links e trechos destacados. Confira se o título continua marcante sem fazer o corpo parecer fraco ou desconectado. No texto corrido, comece com peso regular ou médio e ajuste tamanho, entrelinha e comprimento da linha antes de abandonar a família; o espaçamento costuma importar tanto quanto a escolha da fonte. Confirme se há negrito e itálico para todos os idiomas e sistemas de escrita necessários e verifique as licenças do projeto. Teste ainda telas pequenas, monitores de baixo contraste e o comportamento das fontes alternativas do navegador. Se as duas fontes disputarem atenção, simplifique o corpo. Se parecerem semelhantes por acaso, reforce a hierarquia com escala, peso ou contraste estrutural mais intencional. A justificativa retornada descreve a relação pretendida e oferece uma hipótese concreta para você validar.

Casos de uso

Defina uma direção de marca

Transforme uma escolha inicial de clima em uma direção tipográfica concreta para um painel de referências.

Destrave um layout para web

Encontre uma fonte de corpo legível quando uma fonte marcante de título já tiver sido escolhida.

Documente escolhas do design system

Registre uma recomendação reproduzível e sua justificativa antes de testar pesos, espaçamento e tamanhos responsivos.

Perguntas frequentes

A ferramenta analisa a fonte do título?

Não. Ela usa a classificação e o clima informados por você; nenhum arquivo de fonte é recebido ou examinado.

As recomendações são determinísticas?

Sim. A mesma classificação e o mesmo clima normalizados sempre produzem recomendação e alternativas idênticas.

Duas fontes da mesma classificação podem funcionar juntas?

Sim. Peso, tamanho, largura e textura podem criar hierarquia sem mudar a classificação.

A recomendação garante cobertura de idiomas?

Não. Verifique os arquivos reais para cada idioma, sistema de escrita, peso e estilo exigidos pelo projeto.

O que acontece com uma classificação desconhecida?

A solicitação retorna um erro de entrada inválida. Para títulos, são aceitas serif, sans-serif, slab e display.

Quanto custa a solicitação à API?

Cada solicitação à API custa US$ 0,002. A versão para navegador pode executar localmente a mesma lógica determinística.

Para desenvolvedores — acesso via API

Tudo nesta página está disponível via API. Esta seção é para equipes que querem integrar a ferramenta aos próprios sistemas; quem não precisa disso pode simplesmente usar a ferramenta acima.

Endpoint

POSThttps://api.kit.forhosting.com/doc/font-pairing-suggest

Autenticação por token Bearer. Um único POST coloca a tarefa na fila; o resultado chega por webhook ou link assinado.

Chame do seu código

curl -X POST https://api.kit.forhosting.com/doc/font-pairing-suggest \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"classification":"serif","mood":"elegant"}'

const res = await fetch("https://api.kit.forhosting.com/doc/font-pairing-suggest", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "classification": "serif",
    "mood": "elegant"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/doc/font-pairing-suggest",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "classification": "serif",
    "mood": "elegant"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/doc/font-pairing-suggest", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"classification":"serif","mood":"elegant"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"classification":"serif","mood":"elegant"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/doc/font-pairing-suggest", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

Exemplo de requisição

{
  "classification": "serif",
  "mood": "elegant"
}

Exemplo de resposta

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "doc.font_pairing_suggest",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

A API é assíncrona: cada chamada devolve um task_id na hora. Se preferir polling, consulte o status a até 1 requisição por segundo.

Preço

por chamadaUS$ 0,002

Preço publicado, sem tokens nem créditos escondidos. Tarefa que falha não é cobrada.

Limites

`max_mb`	25
`max_pages`	200

Erros

HTTP	Código	O que significa
`401`	`unauthorized`	Token ausente ou inválido. Confira o header Authorization.
`402`	`insufficient_balance`	Saldo insuficiente para esta tarefa. Faça uma recarga e tente de novo.
`404`	`unknown_type`	Esse tipo de tarefa não existe. Confira o campo type no catálogo.
`429`	`rate_limited`	Muitas requisições em pouco tempo. Espere um instante e tente de novo.

Ver a documentação completa do KIT →