Typsnittsparning & Google Fonts-katalog
Bläddra i en utvald katalog med populära Google Fonts med liveförhandsgranskningar, filtrera efter kategori och sök efter namn, kopiera sedan färdig CSS att klistra in och utforska föreslagna typsnittsparningar — allt i din webbläsare.
Allt körs i din webbläsare — typsnitt laddas från Google Fonts endast för liveförhandsgranskning, inget laddas upp, ingen registrering, helt gratis.
En rubrik satt i display-typsnittet
Och här är ett stycke brödtext satt i det parade texttypsnittet. Bra typsnittsparningar balanserar personlighet och läsbarhet: ett karaktärsfullt rubriktypsnitt drar blicken till sig, medan ett rent och bekvämt brödtextsnitt håller långa stycken lätta att läsa. Klicka på "CSS" för att kopiera både @import-raderna och font-family-reglerna för dina rubriker och din brödtext.
Om Typsnittsparning & Google Fonts-katalog
Den här typsnittskatalogen samlar 80 populära Google Fonts på en sökbar sida, var och en visad som ett levande provexemplar med en pangramrad, en alfabet- och sifferrad, och en kategorimärkning. Den täcker fem typsnittsfamiljer — sans-serif, serif, display, handskrift och monospace — så att du kan jämföra riktiga bokstavsformer istället för att gissa utifrån namn.
Varje typsnittskort innehåller kurerade parningsförslag: partnertypsnitt som fungerar bra tillsammans för rubriker och brödtext. Att klicka på en parningschip öppnar en förhandsvisning som sätter en rubrik i ett typsnitt och ett stycke i det andra, så att du kan bedöma kombinationen i sitt sammanhang innan du bestämmer dig.
När ett typsnitt eller en parning passar kopierar ett klick färdig CSS — en @import-rad för Google Fonts-stilmallen plus den matchande font-family-stacken med en rimlig reserv. Typsnitt laddas från Google Fonts endast för de levande förhandsvisningarna; ingenting du skriver laddas upp någonstans.
Så använder du Typsnittsparning & Google Fonts-katalog
- Bläddra bland typsnittskorten, som var och ett visar sitt namn, kategorimärkning och levande exempeltext satt i det faktiska typsnittet.
- Använd sökrutan för att hitta ett typsnitt efter namn, eller klicka på en kategorichip (Sans-serif, Serif, Display, Handskrift, Monospace) för att filtrera rutnätet.
- Dra i storleksreglaget (16–72 px) för att förhandsvisa exempelraden i din önskade rubrik- eller brödtextstorlek.
- Klicka på en "Passar med"-chip eller knappen "Förhandsvisa parning" för att se en rubrik och ett brödtextstycke satta i den föreslagna kombinationen.
- Klicka på knappen "CSS" på ett kort eller i parningsförhandsvisningen för att kopiera @import-raden och font-family-deklarationerna till urklipp.