25 Prachtige webveilige lettertypen voor uw website

Artikel geschreven door:
  • Online Business
  • Bijgewerkt: Jan 17, 2019

Of je het nu bent een e-commerce winkel or een beginnende blogger, het enige dat alle websites gemeen hebben, is het gebruik van tekst voor inhoud. Nadenken over uw weergegeven tekst (of typografisch ontwerp) is niet verrassend belangrijk bij het maken van de algehele esthetiek van uw site en om het succes ervan te garanderen.

Hier is het ding, je hebt misschien een geweldige WordPress-sjabloon of zet indrukwekkende afbeeldingen op je website als je echter een onaantrekkelijk basislettertype gebruikt (of erger Comic Sans!), Dan krijg je nog steeds een website die eruit ziet en aanvoelt onprofessioneel.

Bovendien mis je de overvloed aan prachtige webtypografie die online beschikbaar is.

Als u er zeker van wilt zijn dat het gekozen lettertype betrouwbaar op andere computers wordt geladen, moet u natuurlijk een "webveilig lettertype" kiezen.

Met onze 25 prachtige webveilige lettertypen, zul je aan het einde van dit artikel zeker een verbazingwekkende webtypografie voor je website hebben die altijd werkt!

Wat is een Web Safe-lettertype?

Webveilige lettertypen zijn lettertypen die meestal vooraf zijn geïnstalleerd op de meeste apparaten: computers, mobiele telefoons, smart tv's en tablets.

Waarom zijn webveilige lettertypen van belang?

In een ideale wereld zou je de mogelijkheid moeten hebben om elk lettertype te kiezen dat je voor je website wilt. In werkelijkheid zijn er beperkingen aan het type lettertypen dat u kunt gebruiken.

De meeste computers en webbrowsers worden geleverd met een set lettertypen die vooraf zijn geïnstalleerd door de fabrikanten, maar hun ontwerpen kunnen (en meestal) verschillen. Er was geen standaard lettertypeset die door alle verschillende fabrikanten werd gedeeld.

Als het lettertype dat u gebruikte niet op de computer van een gebruiker was geïnstalleerd, zal uw website terugkeren naar een algemeen lettertype, wat soms als onleesbaar kan eindigen.

In andere om dit te voorkomen, hebben webontwerpers de Kernlettertypen voor het web dat Microsoft in 1996 heeft uitgebracht als de standaard voor de meeste websitedypen. Deze reeks lettertypen is uiteindelijk 'webveilige lettertypen' geworden, omdat de lettertypen ongeacht de computer veilig op uw website worden weergegeven.

Moet ik veilige weblettertypen gebruiken voor mijn website?

Kort antwoord: Absoluut.

Als u het ontwerp en het visuele merk van uw website consistent wilt houden, zorgt het gebruik van een veilig weblettertype ervoor dat uw website precies zo verschijnt als u had bedoeld.

In feite gebruiken bijna alle websites tegenwoordig een of andere vorm van een veilig weblettertype. Webontwerpers raden altijd aan een veilig weblettertype te kiezen om te voorkomen dat generieke lettertypen, zoals Times New Roman, worden weergegeven wanneer gebruikers uw website bezoeken als ze niet dat specifieke of aangepaste lettertype hebben.

Hoe voeg ik deze veilige weblettertypen toe?

Er zijn een aantal manieren om deze lettertypen aan uw webpagina toe te voegen, maar als u niet van programmeren houdt of weinig tot geen technische ervaring hebt, kunt u eenvoudig de onbewerkte CSS-code kopiëren en deze rechtstreeks plakken in je eigen stylesheet om de fonts te gebruiken.

Als u nog steeds niet zeker bent, volg dan deze paar eenvoudige stappen:

  1. Laad je header.php bestand
  2. Kopieer de lettertypebron / standaardcode
  3. Plak de code bovenaan het header-bestand.
  4. Laad je style.css op, zet de lettertypecode om de lettertype-tekst van je keuze te veranderen.

Tegen het einde zou je een stylesheet moeten hebben die er zo uitziet:

De 25 schitterende webveilige lettertypen voor uw website

1. Arial

Links / Bron: Fonts.com / CSS Font Stack

2. Calibri

Links / Bron: Fonts.com / CSS Font Stack

3. Helvetica

Links / Bron: Fonts.com / CSS Font Stack

4. Segoe UI

Links / Bron: Fonts.com / CSS Font Stack

5. Trebuchet MS

Links / Bron: Fonts.com / CSS Font Stack

6. Cambria

Links / Bron: Fonts.com / CSS Font Stack

7. Palatino

Links / Bron: Fonts.com / CSS Font Stack

8. Perpetua

Links / Bron: Fonts.com / CSS Font Stack

9. Georgië

Links / Bron: Fonts.com / CSS Font Stack

10. Consolas

Links / Bron: Fonts.com / CSS Font Stack

11. Koerier Nieuw

Links / Bron: Fonts.com / CSS Font Stack

12. Tahoma

Links / Bron: Fonts.com / CSS Font Stack

13. Verdana

Links / Bron: Fonts.com / CSS Font Stack

14. Optima

Links / Bron: Fonts.com / CSS Font Stack

15. Gill Sans

Links / Bron: Fonts.com / CSS Font Stack

16. Century Gothic

Links / Bron: Fonts.com / CSS Font Stack

17. Candara

Links / Bron: Fonts.com / CSS Font Stack

18. Andale Mono

Links / Bron: Fonts.com / CSS Font Stack

19. Didot

Links / Bron: Fonts.com / CSS Font Stack

20. Koperplaat gotisch

Links / Bron: Fonts.com / CSS Font Stack

21. Rockwell

Links / Bron: Fonts.com / CSS Font Stack

22. Bodoni

Links / Bron: Fonts.com / CSS Font Stack

23. Franklin Gothic

Links / Bron: Fonts.com / CSS Font Stack

24. botsing

Links / Bron: Fonts.com / CSS Font Stack

25. Calisto MT

Links / Bron: Fonts.com / CSS Font Stack

Font-hulpprogramma's om uit te checken

Er bestaan ​​online een aantal hulpmiddelen die u kunt gebruiken om verschillende lettertypen die u voor uw website kunt gebruiken te controleren en uit te testen. Als u problemen ondervindt bij het kiezen van een lettertype of gewoon wilt ontdekken welke typen webveilige lettertypen beschikbaar zijn, zijn deze sites een geweldig hulpmiddel om te gebruiken.

Lettertype

Lettertype biedt een groot aantal bronnen, plug-ins, eBooks, gidsen, video's en zelfs inspiraties voor alles wat met typografie te maken heeft. Ze hebben zelfs een sectie met de meest populaire lettertypen die beschikbaar zijn op Google Lettertypen en welke lettertypen het beste met elkaar kunnen worden gecombineerd.

Wordmark.it

Als u snel een voorbeeld wilt van hoe uw tekst eruit zou zien met een bepaald lettertype, Wordmark.it geeft u direct een voorbeeld van hoe uw tekst in meerdere lettertypen tegelijkertijd zou verschijnen. Typ gewoon een woord of zin op hun voorpagina balk, druk op enter en het zal je tekst laten zien met verschillende lettertypen zoals Candara of Lucida Console.

Wat het lettertype

Wat het lettertype is een hulpmiddel dat u kunt gebruiken om een ​​lettertype te vinden en te identificeren dat u online hebt gezien. Het enige dat u hoeft te doen, is een afbeelding van het lettertype uploaden en WhatTheFont zal het in hun database doorzoeken om u de beste resultaten te geven. Als u nog steeds niet het exacte lettertype kunt vinden, kunt u zelfs naar hun adres gaan forum om hulp te vragen.

Het draait allemaal om het spelen van lettertypen

Als je op mij lijkt, is de kans groot dat je veel tijd op internet doorbrengt, tonnen websites leest en bezoekt. Daarom zult u het waarderen als een website goede typografie gebruikt om het visuele ontwerp van hun site aan te vullen.

Wanneer u webveilige lettertypen gebruikt die voor uw ogen aangenaam zijn, zullen uw gebruikers dankbaar zijn en meer bereid om terug te komen en meer van uw inhoud te consumeren. Dus waar wacht je op? Begin met het gebruik van deze lettertypen en maak een geweldige website voor uw bedrijf!

Over Azreen Azmi

Azreen Azmi is een schrijver met een voorliefde voor schrijven over contentmarketing en technologie. Van YouTube tot Twitch probeert hij contact te houden met de nieuwste contentcreatie en de beste manier te vinden om je merk op de markt te brengen.