25 prachtige webveilige lettertypen voor uw website

Of u nu eigenaar bent van een eCommerce-winkel of 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 creëren van de algehele esthetiek van uw site en om het succes ervan te garanderen.


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

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

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

Met onze 25 prachtige webveilige lettertypen weet u zeker dat u aan het einde van dit artikel een geweldige webtypografie voor uw website heeft die altijd werkt!

Wat is een webveilig lettertype?

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

Waarom webveilige lettertypen er toe doen?

In een ideale wereld zou u de mogelijkheid moeten hebben om elk lettertype te kiezen dat u voor uw website wilt. In werkelijkheid zijn er beperkingen voor 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 standaardlettertypeset die door alle verschillende fabrikanten werd gedeeld.

Als het lettertype dat u gebruikte niet op de computer van een gebruiker was geïnstalleerd, keert uw website gewoon terug naar een generiek lettertype, dat soms onleesbaar kan worden.

Om dat te voorkomen, gebruiken webontwerpers de Core Fonts for the Web die Microsoft in 1996 heeft uitgebracht als de standaard voor de meeste website-fonts. Deze set lettertypen werden uiteindelijk ‘webveilige lettertypen’, omdat de lettertypen, ongeacht de computer, veilig op uw website worden weergegeven.

Moet ik webveilige lettertypen 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 webveilig lettertype ervoor dat uw website er precies zo uitziet als u had bedoeld.

In feite gebruiken bijna alle websites tegenwoordig een vorm van een webveilig lettertype. Webontwerpers zullen altijd aanbevelen om een ​​webveilig lettertype te kiezen om te voorkomen dat generieke lettertypen, zoals Times New Roman, verschijnen wanneer gebruikers uw website bezoeken als ze dat specifieke of aangepaste lettertype niet hebben.

Hoe voeg ik deze webveilige lettertypen toe?

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

Als je het nog steeds niet zeker weet, volg dan deze eenvoudige stappen:

  1. Laad uw header.php-bestand
  2. Kopieer de lettertypebron / standaardcode
  3. Plak de code bovenaan uw koptekstbestand.
  4. Laad je style.css, zet de fontcode om de fonttekst van je keuze te veranderen.

Aan het einde zou je een stylesheet moeten hebben die er als volgt uitziet:

De 25 prachtige webveilige lettertypen voor uw website

1. Arial

Links / Bron: Fonts.com / CSS Font Stack

3. Helvetica

Links / Bron: Fonts.com / CSS Font Stack

5. Trebuchet MS

Links / Bron: Fonts.com / CSS Font Stack

7. Palatino

Links / Bron: Fonts.com / CSS Font Stack

9. Georgië

Links / Bron: Fonts.com / CSS Font Stack

11. Koerier Nieuw

Links / Bron: Fonts.com / CSS Font Stack

13. Verdana

Links / Bron: Fonts.com / CSS Font Stack

15. Gill Sans

Links / Bron: Fonts.com / CSS Font Stack

17. Candara

Links / Bron: Fonts.com / CSS Font Stack

19. Didot

Links / Bron: Fonts.com / CSS Font Stack

21. Rockwell

Links / Bron: Fonts.com / CSS Font Stack

23. Franklin Gothic

Links / Bron: Fonts.com / CSS Font Stack

25. Calisto MT

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me