Lettertypen. We zien ze elke dag. Van gedrukte advertenties tot tijdschriften, er zijn allerlei lettertypen in de wereld.
Of je nu een eigenaar van een e-commerce-winkel bent 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.
Maar wat belangrijker is, is dat het webveilige lettertypen zijn.
Wat zijn webveilige lettertypen?
Webveilige lettertypen zijn lettertypestijlen die meestal vooraf zijn geïnstalleerd en op de meeste apparaten zichtbaar zijn: 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:
- Laad je header.php bestand
- Kopieer de lettertypebron / standaardcode (zie referentie 1)
- Plak de code bovenaan het header-bestand.
- Laad uw style.css, plaats de lettertypecode om de lettertypetekst van uw keuze te wijzigen. (zie referentie 2)
Referentie 1
Referentie 2
body {font-family: 'Abel'; font-size: 22px;}
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 te controleren en uit te testen waar u voor kunt gebruiken jouw website. Als u problemen ondervindt bij het kiezen van een lettertype of gewoon wilt verkennen 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!