Suggerisca un abbinamento di font in base allo stile
Scegliere i caratteri diventa più semplice quando si distinguono i loro ruoli visivi.
Esegui gratis nel browser
Indichi se il font del titolo è serif, sans-serif, slab o display, quindi selezioni l'atmosfera desiderata. Lo strumento restituisce un comune font per il corpo, la sua classificazione, due alternative e una breve spiegazione del contrasto. Il risultato è un punto di partenza ragionato per un vero sistema di design, non la garanzia che due font funzionino senza provare pesi, dimensioni e contenuti effettivi.
Parta dal ruolo visivo del titolo
Il font del titolo definisce identità, gerarchia e ritmo, mentre quello del corpo deve rimanere confortevole in frasi, paragrafi, didascalie ed etichette dell'interfaccia. Inizi classificando il titolo in base alla costruzione dominante: serif, sans-serif, slab o display. I caratteri serif hanno grazie e spesso richiamano contesti letterari o storici. I sans-serif eliminano le grazie e possono apparire diretti, neutrali o contemporanei. Gli slab impiegano grazie marcate e squadrate, che comunicano solidità e sicurezza. Display è la categoria più ampia: comprende disegni decorativi, molto contrastati, condensati, insoliti o destinati soprattutto alle grandi dimensioni. La classificazione non coglie ogni dettaglio, ma offre un primo vincolo utile. Il suggeritore sceglie poi un font per il corpo la cui trama contrasti con il titolo oppure crei una somiglianza controllata. Se il titolo si trova fra due categorie, scelga quella che descrive ciò che il pubblico nota per primo e confronti il risultato con la categoria adiacente.
Usi l'atmosfera per definire il contrasto
Il contrasto non coincide con la semplice regola di abbinare sempre serif e sans-serif. Può nascere dalla costruzione, dalle proporzioni, dalla modulazione del tratto, dalla larghezza, dal peso o dalla personalità. L'atmosfera stabilisce quale differenza debba emergere. Una direzione elegante può unire titoli misurati a un serif raffinato per il testo, mentre una direzione minimale richiede di solito una trama discreta e neutra nel corpo. Un risultato giocoso ammette forme più tonde o dettagli vivaci; un risultato tecnico trae vantaggio da caratteri ben distinguibili e proporzioni rigorose. L'algoritmo usa una tabella di indicazioni fissa, quindi input identici producono sempre la stessa raccomandazione. Questa prevedibilità è utile per documentare una decisione o automatizzare suggerimenti ripetibili. Consideri il font principale come la corrispondenza più netta e le alternative come direzioni vicine. Non sono ordinate per popolarità e lo strumento non scarica, esamina, concede in licenza né misura file di font.
Provi l'abbinamento nell'impaginazione reale
Una raccomandazione diventa un abbinamento efficace soltanto dopo aver provato i font reali con contenuti autentici. Componga vari livelli di titolo, un paragrafo lungo, etichette brevi, numeri, punteggiatura, collegamenti e testo in evidenza. Verifichi che il titolo rimanga riconoscibile senza far sembrare debole o estraneo il corpo. Per il testo corrente, inizi da un peso normale o medio e regoli dimensione, interlinea e lunghezza della riga prima di scartare la famiglia; la spaziatura conta spesso quanto la scelta del carattere. Accerti la presenza di grassetti e corsivi per tutte le lingue e le scritture necessarie e controlli le licenze del progetto. Provi anche schermi piccoli, display a basso contrasto e font di ripiego del browser. Se entrambi i caratteri reclamano attenzione, semplifichi il corpo. Se sembrano simili per caso, rafforzi la gerarchia attraverso scala, peso o un contrasto strutturale più intenzionale. La motivazione restituita descrive il rapporto previsto e offre un'ipotesi concreta da verificare.
Casi d'uso
Definisca una direzione di marca
Trasformi un'atmosfera iniziale in una direzione tipografica concreta per una tavola d'ispirazione.
Sblocchi un layout web
Trovi un carattere leggibile per il corpo quando è già stato scelto un font espressivo per il titolo.
Documenti il sistema di design
Registri una raccomandazione ripetibile e la sua motivazione prima di provare pesi, spaziature e dimensioni adattive.
Domande frequenti
Lo strumento esamina il font del titolo?
No. Usa la classificazione e l'atmosfera indicate da Lei; non riceve né analizza alcun file di font.
Le raccomandazioni sono deterministiche?
Sì. La stessa classificazione e la stessa atmosfera normalizzate producono sempre identiche raccomandazioni e alternative.
Due font della stessa classificazione possono funzionare insieme?
Sì. Peso, dimensione, larghezza e trama possono creare gerarchia senza cambiare classificazione.
La raccomandazione garantisce la copertura linguistica?
No. Controlli i file effettivi per ogni lingua, scrittura, peso e stile richiesti dal progetto.
Che cosa accade con una classificazione sconosciuta?
La richiesta restituisce un errore di input non valido. Per i titoli sono ammessi serif, sans-serif, slab e display.
Quanto costa una richiesta API?
Ogni richiesta API costa $0.002. La versione per browser può eseguire localmente la stessa logica deterministica.
Per sviluppatori — accesso via API
Tutto quello che vedi in questa pagina è disponibile anche via API. Questa sezione è per i team che vogliono integrarlo nei propri sistemi; chi non ne ha bisogno può semplicemente usare lo strumento qui sopra.
Endpoint
Autenticazione con Bearer token: un POST mette in coda l'attività e il risultato arriva via webhook o link firmato.
Chiamala dal tuo stack
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)Esempio di richiesta
{
"classification": "serif",
"mood": "elegant"
}Esempio di risposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "doc.font_pairing_suggest",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}L'API è asincrona: ricevi subito un task_id e puoi fare polling fino a 1 richiesta al secondo.
Prezzi
Prezzo pubblicato, senza token né crediti. Se l'attività fallisce, non paghi.
Limiti
max_mb | 25 |
max_pages | 200 |
Errori
| HTTP | Codice | Significato |
|---|---|---|
401 | unauthorized | Chiave API mancante o non valida: controlla l'header Authorization. |
402 | insufficient_balance | Credito esaurito: ricarica per continuare a eseguire attività. |
404 | unknown_type | Tipo di attività sconosciuto: controlla il campo type della richiesta. |
429 | rate_limited | Troppe richieste in poco tempo: rallenta e riprova tra qualche secondo. |