Så hittar du en typsnittskombination
- Börja någonstans. Beskriv ditt varumärke med några ord (”lugn, exklusiv hudvård”) så föreslår AI:n tre par, vart och ett med en motivering. Eller tryck på Blanda, eller välj ett par i galleriet.
- Behåll det du gillar. Lås rubrik- eller brödtypsnittet och blanda igen: du får partner till typsnittet du behöll. Klicka på ett typsnitts namn för att söka bland 1 900+ Google Fonts.
- Prova med dina ord. Klicka på exempeltexten och skriv din egen rubrik. Ändra vikten för att se den fet eller tunn.
- Se det på ett inlägg. Paret visas på en karusell och ett bildinlägg, i färgerna från temat du väljer, så som aiCarousels gör dem.
- Använd det. Kopiera HTML-, @import- eller Tailwind-koden, eller öppna appen med de här typsnitten.
Vad som får två typsnitt att fungera ihop
- Kontrast, inte konflikt. Kombinera typsnitt som är tydligt olika (en rubrik med serifer och en brödtext utan, ett smalt displaytypsnitt och en enkel sans serif), inte två som är nästan likadana.
- En personlighet. Låt rubriken bära karaktären. Brödtypsnittets jobb är att försvinna: jämna bokstäver, öppna former, en bra normal och fet vikt.
- Liknande proportioner. Typsnitt med liknande x-höjd (höjden på de små bokstäverna) passar bra ihop, även när stilarna skiljer sig åt.
- Två räcker. Ett typsnitt för rubriker och ett för text. Använd vikt och storlek, inte ett tredje typsnitt, till allt annat.
- Kolla det i liten storlek. I en mobil är brödtexten på en karusell pytteliten. Ett typsnitt som ser elegant ut i 40 px kan falla isär i 12 px.
Typsnittspar för inlägg i sociala medier
| Stil | Rubrik | Brödtext |
|---|---|---|
| Rent och modernt | Space Grotesk | Inter |
| Redaktionellt | Fraunces | Inter |
| Elegant | Playfair Display | Manrope |
| Djärvt och viralt | Archivo Black | Inter |
| Nyheter och media | Bebas Neue | DM Sans |
| Vänligt | Lora | Plus Jakarta Sans |
| Tekniskt | JetBrains Mono | JetBrains Mono |
Det här är några av paren bakom appens teman. Galleriet under verktyget har alla, plus välkända par från Google Fonts.
Använd paret på din webbplats
Alla typsnitt här kommer från Google Fonts, som är öppen källkod och gratis att använda, även kommersiellt. Kopiera koden: HTML-versionen läggs i sidans <head>, @import-versionen överst i din CSS, och Tailwind-versionen lägger till font-heading och font-body i din konfiguration. Bara vikterna du använder laddas, så sidan förblir snabb.
Gratis, och vad appen lägger till
Generatorn för typsnittskombinationer är gratis, utan konto. AI-förslagen har en daglig gräns. aiCarousels gör karuseller, bildinlägg och videor i dina typsnitt och färger: skriv idén, så följer varje slide ditt varumärke.
