Hoppa till innehåll
patrache.tools

Typsnittskombination

Gratis typsnittskombinationsförslag online. Google Fonts-rekommendationer för rubriker och brödtext med förhandsgranskning. Bearbetas i webbläsaren.

Classic Elegant

Den snabba bruna räven

Den snabba bruna räven hoppar över den lata hunden. Bra typsnittspar är avgörande för bra design.

Rubrik: Playfair DisplayBrödtext: Source Sans 3
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Source+Sans+3:wght@400;700&display=swap'); h1, h2, h3 { font-family: 'Playfair Display', serif; } body, p { font-family: 'Source Sans 3', sans-serif; }
lockFiler skickas inte till någon server
Dela
Bädda in

Bädda in det här verktyget på din webbplats

Teckensnittsparförslag är ett gratis onlineverktyg som rekommenderar matchande teckensnittsparningar.

Hur använder man Typsnittskombination?

  1. Välj ett rubrikteckensnitt eller bläddra bland rekommendationerna.
  2. Förhandsgranska kombinationer av brödtextteckensnitt.
  3. Kopiera Google Fonts-koden för din valda parning.

Vanliga frågor om Typsnittskombination

Vad gör en bra teckensnittsparning?

Kontrast och harmoni är nyckeln. Att använda ett serif- eller display-teckensnitt för rubriker parat med ett sans-serif för brödtext är generellt en vinnande kombination.

Är de rekommenderade teckensnitten gratis att använda?

Ja, alla rekommenderade teckensnitt är gratis öppen källkod-teckensnitt från Google Fonts. De kan användas fritt i både personliga och kommersiella projekt.

Gör flera webbtypsnitt sidan långsammare?

Det är vikterna som väger, inte familjerna. En typsnittsfil ligger oftast på 20-40 KB, så två familjer med två vikter vardera hamnar runt 100 KB, vilket går utmärkt. Problemen börjar när en familj laddas i sex olika vikter. Ett variabelt typsnitt täcker alla vikter från en enda fil, och font-display: swap gör att texten visas direkt även om typsnittet dröjer.

Efter vilka kriterier väljer jag typsnitt för brödtext?

I brödtexten går läsbarhet före personlighet. Leta efter generös x-höjd vid 16 px, bekvämt avstånd mellan bokstäverna och tydligt åtskilda former för 1, l och I liksom för 0 och O. Klistra in ett riktigt stycke av din egen text och läs det både på en laptop och i mobilen; det säger långt mer än en exempelmening i ett typsnittsprov. Ett karaktärsfullt snitt får bära rubrikerna, men det är det lugna i brödtexten som folk fortsätter läsa.

Tips för att använda Typsnittskombination effektivt

  • Kontrollera att typsnittet har å, ä och ö innan du bygger hela sajten på det.
  • Para ihop ett karaktärsfullt rubriktypsnitt med ett neutralt brödtextsnitt, inte två starka.
  • Kontrast i vikt (700 mot 400) fungerar oftast bättre än att byta typsnittsfamilj.

Powered by Patrache Studio Tools

Tillåt annonser på den här webbplatsen

Tillåt annonser på den här webbplatsen för att använda verktygen. Annonser håller tjänsten gratis.

Öppna annonsblockeraren, stäng av den för den här webbplatsen och kontrollera igen.