Come trovare un abbinamento di font
- Parti da qualcosa. Descrivi il tuo brand in poche parole (“skincare calma e premium”) e l’AI suggerisce tre coppie, ognuna con un motivo. Oppure premi Mescola, o scegli una coppia dalla galleria.
- Tieni quello che ti piace. Blocca il font del titolo o del testo e mescola di nuovo: ottieni abbinamenti per il font che hai tenuto. Clicca il nome di un font per cercare tra gli oltre 1.900 Google Fonts.
- Provala con le tue parole. Clicca il testo di esempio e scrivi il tuo titolo. Cambia il peso per vederlo in grassetto o leggero.
- Guardala su un post. La coppia viene disegnata su un carosello e su un post con immagine, nei colori del tema che scegli, come li crea aiCarousels.
- Usala. Copia il codice HTML, @import o Tailwind, oppure apri l’app con questi font.
Cosa fa funzionare due font insieme
- Contrasto, non conflitto. Abbina font chiaramente diversi (un titolo con grazie e un testo senza grazie, un display condensato e un sans semplice), non due quasi uguali.
- Una sola personalità. Lascia il carattere al titolo. Il compito del font del testo è sparire: lettere regolari, forme aperte, un buon normale e un buon grassetto.
- Proporzioni simili. Font con un’altezza della x simile (l’altezza delle lettere minuscole) stanno bene insieme, anche quando gli stili sono diversi.
- Due bastano. Un font per i titoli e uno per il testo. Per tutto il resto usa peso e dimensione, non un terzo font.
- Controllala in piccolo. Su un telefono, il testo di un carosello è minuscolo. Un font che sembra elegante a 40 px può sfaldarsi a 12 px.
Coppie di font per i post sui social
| Stile | Titolo | Testo |
|---|---|---|
| Pulito e moderno | Space Grotesk | Inter |
| Editoriale | Fraunces | Inter |
| Elegante | Playfair Display | Manrope |
| Deciso e virale | Archivo Black | Inter |
| News e media | Bebas Neue | DM Sans |
| Amichevole | Lora | Plus Jakarta Sans |
| Tecnico | JetBrains Mono | JetBrains Mono |
Sono alcune delle coppie dietro i temi dell’app. La galleria sotto lo strumento le ha tutte, più abbinamenti noti di Google Fonts.
Usare la coppia sul tuo sito
Tutti i font qui vengono da Google Fonts, che sono open source e gratuiti, anche per uso commerciale. Copia il codice: la versione HTML va nel <head> della pagina, la versione @import all’inizio del CSS, e la versione Tailwind aggiunge font-heading e font-body alla tua configurazione. Vengono caricati solo i pesi che usi, così la pagina resta veloce.
Gratis, e cosa aggiunge l’app
Il generatore di abbinamenti di font è gratuito, senza account. I suggerimenti dell’AI hanno un limite giornaliero. aiCarousels crea caroselli, post con immagine e video con i tuoi font e colori: scrivi l’idea, e ogni slide rispetta il tuo brand.
