Slik finner du en fontkombinasjon
- Start et sted. Beskriv merkevaren din med noen få ord («rolig, eksklusiv hudpleie»), så foreslår KI-en tre par, hvert med en begrunnelse. Eller trykk på Bland, eller velg et par fra galleriet.
- Behold det du liker. Lås overskriftsfonten eller brødtekstfonten og bland igjen: du får partnere til fonten du beholdt. Klikk på navnet til en font for å søke blant over 1 900 Google Fonts.
- Prøv med dine egne ord. Klikk på eksempelteksten og skriv din egen overskrift. Endre vekten for å se den fet eller lett.
- Se den på et innlegg. Paret tegnes på en karusell og et bildeinnlegg, i fargene til temaet du velger, slik aiCarousels lager dem.
- Bruk det. Kopier HTML-, @import- eller Tailwind-koden, eller åpne appen med disse fontene.
Hva får to fonter til å passe sammen
- Kontrast, ikke konflikt. Kombiner fonter som er tydelig forskjellige (en serif-overskrift med en sans-serif brødtekst, en smal displayfont med en enkel sans-serif), ikke to som er nesten like.
- Én personlighet. La overskriften bære karakteren. Brødtekstfonten skal forsvinne: jevne bokstaver, åpne former, en god normal og fet.
- Lignende proporsjoner. Fonter med lignende x-høyde (høyden på de små bokstavene) passer godt sammen, selv når stilene er ulike.
- To er nok. Én font til overskrifter og én til tekst. Bruk vekt og størrelse, ikke en tredje font, til alt annet.
- Sjekk den i liten størrelse. På en mobil er brødteksten i en karusell bitteliten. En font som ser elegant ut i 40 px, kan falle fra hverandre i 12 px.
Fontpar til innlegg i sosiale medier
| Uttrykk | Overskrift | Brødtekst |
|---|---|---|
| Rent og moderne | Space Grotesk | Inter |
| Redaksjonelt | Fraunces | Inter |
| Elegant | Playfair Display | Manrope |
| Dristig og viralt | Archivo Black | Inter |
| Nyheter og medier | Bebas Neue | DM Sans |
| Vennlig | Lora | Plus Jakarta Sans |
| Teknisk | JetBrains Mono | JetBrains Mono |
Dette er noen av parene bak appens temaer. Galleriet under verktøyet har alle sammen, pluss kjente Google Fonts-par.
Slik bruker du paret på nettstedet ditt
Alle fontene her er fra Google Fonts, som er åpen kildekode og gratis å bruke, også kommersielt. Kopier koden: HTML-versjonen legges i sidens <head>, @import-versjonen øverst i CSS-en din, og Tailwind-versjonen legger til font-heading og font-body i konfigurasjonen din. Bare vektene du bruker, lastes inn, så siden forblir rask.
Gratis, og hva appen legger til
Generatoren for fontkombinasjoner er gratis, uten konto. KI-forslagene har en daglig grense. aiCarousels lager karuseller, bildeinnlegg og videoer i dine fonter og farger: skriv ideen, så blir hver slide i tråd med merkevaren.
