De 15 bedst rangerede Google-skrifttyper (brugertips)

Netop nu, mens denne artikel bliver skrevet, er der 884 forskellige Google-skriftfamilier, som er gratis tilgængelige. Det er rigtig mange valgmuligheder! Derfor kan det være, at du leder efter nogen, der kan hjælpe dig med at finde nålen i høstakken ved at give dig en liste over de bedste Google-skrifttyper.

Denne liste står vi klar med, og vi vil desuden også gerne dele nogle af de bedste fremgangsmåder til brug af Google fonts i WordPress.

At beslutte sig for en skrifttype er mere end blot et æstetisk valg – det kan have en reel effekt på dit websides afvisningsprocenter og konverteringsfrekvenser, især hvis du vælger en skrifttype, der er svær at læse for dine besøgende.

I bund og grund betaler det sig at bruge lidt ekstra tid på at vælge den bedste Google-skrifttype til dit websted, i stedet for bare at vælge den første skrifttype, som du ser!

De 10 bedste Google-skrifttyper i 2019 – ifølge folket

Hvordan når man frem til en liste over de bedste Google-skrifttyper, når emnet er så subjektivt? Vi ønsker selvfølgelig ikke at lave en hel liste ud fra et subjektivt synspunkt, så derfor vil vi dykke ned i nogle data for at lave en liste over de bedste Google-skrifttyper.

Kort sagt, vil vi anvender Google Fonts-analytics og stole på folkets mening. Med over 23 billioner totale skrifttypevisninger, har Google i det mindste en smule data at trække i. 😉

23 trillion total font views, and counting.

🤯https://t.co/g5dp3e622g pic.twitter.com/lePJIRgbIU

— Google Fonts (@googlefonts) August 7, 2018

Derefter vil vi se på nogle rå popularitetstal og vælge nogle HTML-skrifttyper, der er i hurtig fremdrift. Parat? Lad os dykke ned i …

1. Roboto

• Sans-serif
• Stil: 12
• Se skrifttype

Roboto er et sans-serif skrift af Christian Robertson, som blev udviklet af Google som en systemskrifttype til Android. Den har nu vundet massiv populært, den kommer i 12 forskellige stilarter og fremtræder flere gange i Google Fonts ‘analyser. For eksempel er Roboto den mest populære skrifttype. Desuden er Roboto Condensed er den sjette mest populære skrifttype, og Roboto Slab kan også findes på listen som nummer 13!

2. Open Sans

• Sans-serif
• Stil: 10
• Se skrifttype

Open Sans er en sans-serif skrifttype udviklet af Steve Matteson. Google bruger Open Sans på nogle af sine hjemmesider såvel som i sine print- og webannoncer.

3. Lato

• Sans-serif
• Stil: 10
• Se skrifttype

Lato er en andet populær sans-serif-skrift, denne gang udviklet af Łukasz Dziedzic.

4. Slabo 27px/13px

• Serif
• Stil: 2
• View Font

Slabo er en serif-skrifttype udviklet af John Hudson fra Tiro Typeworks. Det unikke ved denne skrifttype er, at den er specielt designet til at blive brugt i en vis størrelse – enten 27 px eller 13 px, afhængigt af dine behov.

5. Oswald

• Sans-serif
• Stil: 6
• Se skrifttype

Oswald er en sans-serif skrifttype, der oprindeligt blev udviklet af Vernon Adams.

6. Source Sans Pro

• Sans-serif
• Stil: 12
• Se skrifttype

Source Sans Pro er en sans-serif skrifttype fra Paul Hunt, der blev designet til Adobe og var Adobes første open source-font.

7. Montserrat

• Sans-serif
• Stil: 18
• Se skrifttype

Montserrat er en sans-serif skrifttype fra Julieta Ulanovsky, der bor i det mononymiserede Montserrat-kvarter i Buenos Aires. Med 18 forskellige stilarter, er der mange muligheder at vælge imellem.

8. Raleway

• Sans-serif
• Stil: 18
• Se skrifttype

Med 18 forskellige stilarter  Raleway en anden stor sans-serif skriftfamilie, som oprindeligt blev skabt af Matt McInerney. Hvis du synes om Raleway og søger noget unikt, tilbyder Raleway Dots en lignende stilart med en prikket format, som kan fungere godt for store overskrifter.

9. PT Sans

• Sans-serif
• Stil: 4
• Se skrifttype

PT Sans blev udviklet til offentlig typografi af den russiske føderation og inkluderer både latinske og cyrilliske tegn. Der er også flere andre skrifttyper i PT familien, herunder nogle serif-optioner.

10. Lora

• Serif
• Styles: 4
• Se skrifttype

Lora er en populær serif skrifttype, der er designet til at fungere godt både på din skærm og på print.

Bonus Fonter + nye skifttyper i fremdrift

De ti skrifttyper nævnt ovenfor, er ifølge en afstemning blevet valgt som de mest populære Google-skrifttyper. Men det er unfair over for de nye fremtrædende skrifttyper, hvis kun de mest populære vises, da de nye ikke har fået nok eksponering til at blive vist i Google Analytics.

Her er nogle af vores favoritter, der ikke kom til udtryk øverst i analysen.

11. Noto Sans / Serif

• Sans-serif or serif
• Stil: 4 each
• Se skrifttype

Noto er en skrifttype af Google, der kommer i både serif og sans-serif versioner. Den bliver regelmæssigt opdateret, og der findes nu godt over 100 Noto-skrifttyper – og flere bliver tilføjet regelmæssigt!

12. Nunito Sans

• Sans-serif
• Stil: 14
• Se skrifttype

Nunito Sans er en sans-serif skrift, der hurtigt vokser i popularitet (brugen er tredoblet siden sidste år).

13. Concert One

• Sans-serif
• Stil: 1
• Se skrifttype

Concert One er en fyldestgørende deform skrifttype, som er en fantastisk valgmulighed til overskrifter.

14. Prompt

• Sans-serif
• Stil: 18
• Se skrifttype

Prompt er en sans-serif-bud fra det thailandske kommunikationsdesignfirma Cadson Demak.

15. Work Sans

• Sans-serif
• Stil: 9
• Se skrifttype

Work Sans er en sans-serif skrifttype, der er optimeret til brug på skærme. Designerne anbefaler at bruge mellemvægtstyperne til alt fra 14 px-48 px.

Sådan oprettes de bedste Google Fonts-kombinationer

Hvis du synes, at det må være svært at vælge en skrifttype fra Google Fonts, så bare vent indtil du skal forsøge at sætte dem sammen med din webside! Heldigvis er dette ikke et problem du selv skal løse, medmindre du er frisk på det. Der er et par måder, der kan hjælpe dig med at sammensætte de bedste Google Fonts-kombinationer.

For det første vil Google Fonts hjemmeside selv foreslå populære sammensætninger, hvis du ruller ned på siden:

Desuden kan du også bruge et websted som Font Pair til at se flere forslag.

Bedste fremgangsmåder til brug af google fonts i WordPress

Når du har fundet de optimale skrifttyper fra Google Fonts, er der nogle gode fremgangsmåder ift., hvordan Google Fonts bruges i WordPress.

Begræns antallet af skrifttyper, du bruger

Nogle af disse skrifttyper – som Montserrat og Raleway – kommer i 18 forskellige skrifttypevægte. Selvom det er godt at have mange muligheder, så vil du ikke indlæse alle de 18 valgte til din WordPress-webside, da dette vil bremse indlæsningstiden. Dette er meget vigtigt at huske på!

En god tommelfingerregel for de fleste skrifttyper er, at bruge maks. 3 skriftvægte:

• Regular (Regulær)
• Italic (Kursiv)
• Bold (Fed)

Mange WordPress-websider som vi ser i dag, dropper endda den kursive skrift og vælger kun at bruge 2 forskellige skrifttypevægte. Hvis du selv indlejrer Google-skrifttyperne, kan du vælge præcis hvilke vægte der skal inkluderes fra fanen Tilpas i Google Fonts:

De fleste WordPress-temaer i dag, tilbyder nemme muligheder for at vælge, hvilke Google-skrifttyper og vægte du vil bruge. Men ikke alle temaudviklere er fokuseret på ydeevnen. Derfor kan det i nogle tilfælde være bedre at deaktivere Google Fonts i dit tema og tilføje dem selv.

Variable skrifttyper er også begyndt at blive populære og understøttes af alle moderne browsere. Disse skrifte er fede, fordi de tillader at en enkel fil med en skrifttype transformeres med forskellige egenskaber. Der er dog ikke mange gratis skrifttyper at vælge imellem, men Google har nogle få variable skrifttyper i Early Access.

Overvej hosting af Google Fonts lokalt

Som et alternativ til at hoste skrifttyper fra Googles server, kan du også være vært for skrifttyper lokalt, hvilket kan give nogle præstationsfordele. Husk på, at de fleste Google-skrifttyper sandsynligvis allerede er cache-lagret i folks browsere. Derfor anbefaler vi, at du lave dine egne præstationstest.

Hvis du bruger en premium skrifttype som ikke er fra Google Fonts, f.eks. “Brandon”-skrifttype, som vi bruger på vores Kinsta-webside, så er den bedste løsning at den hostes lokalt (og betjenes fra din CDN). Du kan læse mere om dette emne i vores indlæg om, hvordan man hoster skrifttyper lokalt.

Vælg en skrifttype, der bliver opdateret

Skrifttyper er ligesom WordPress-plugins og temaer – med tiden kommer der opdateringer og forbedringer, for at gøre dem endnu bedre. Og selvom opdateringerne måske ikke er ligeså væsentlige som for WordPress-plugins, så kan det stadig være en fordel at vælge en skrifttype, der modtager regelmæssige opdateringer. Noto fra Google er en skriftfamilie, der har modtaget regelmæssige opdateringer siden 2014.

Fordi de fleste skrifttyper på denne liste er populære, er de et godt bud på skrifttyper, der vil modtage regelmæssige opdateringer og forbedringer. Hvis du derimod vælger en skrifttype som ikke er fra listen, gør du klogt i at sikre dig, at den skrifttype du vælger, er populær nok til at der kommer opdateringer til den.

Glem ikke tilgængelighed

Ifølge Verdenssundhedsorganisationen anslås det, at 253 millioner mennesker lever med synshandicap i 2017: 36 millioner er blinde og 217 millioner har moderat til svær synshandicap.

Når du anvender Google Fonts, får du kontrol over, hvordan det ser ud med hensyn til CSS, såsom farve og størrelse. Glem derfor ikke at følge Web Content Accessibility Guidelines (WCAG) 2.0. Dette sikrer, at dit indhold er let tilgængeligt for alle.

Overholdelse af disse anbefalinger vil gøre dit indhold mere tilgængeligt for et bredere udvalg af mennesker med handicap, herunder personer påvirket af blindhed og nedsat syn, døvhed og høretab, læringsforstyrrelser, kognitive begrænsninger, bevægelsesbegrænsninger, taleindskrænkninger, lysfølsomhed og kombinationer af disse.

En meget vigtig anbefaling er farvekontrast. I et ældre design på Kinstas webside, var vores skrifttype lidt for lys, og de besøgende gav udtryk for, at det var svært at læse. Det sidste du vil gøre er, at publicere fantastisk indhold, bare for at det skal blive en belastning for folks øjne!

fyi guide page font is a bit too light making it hard to read – darker font would be better 🙂

— George Liu (@centminmod) August 14, 2016

Du kan bruge et værktøj som Color Contrast Checker fra WebAIM for at se, om de skrifttyper du har, stemmer overens med de officielle anbefalinger. Nedenfor kan du se, at farverne på vores blogindlæg nu består testen. 👍

Hvilken Google Font er din foretrukne skrifttype?

Google Font er fantastisk og bruges af millioner af hjemmesider på nettet hver dag. Ved at følge den bedste praksis, som f.eks. at begrænse skrifttypevægte, og hoste skrift lokalt (i nogle tilfælde) og følge retningslinjer for tilgængelighed, vil sikre en bedre samlet oplevelse for dine besøgende.

Lad os nu vende tilbage til dig – hvad er dine yndlings skrifttyper og skrifttypepar fra Google Fonts? Fortæl os det nedenfor i kommentarfeltet og glem ikke, at læse vores dybdegående guide til WordPress-skrifttyper!