{"id":16886,"date":"2023-06-12T16:15:58","date_gmt":"2023-06-12T14:15:58","guid":{"rendered":"https:\/\/www.hostnet.nl\/academy\/?p=16886"},"modified":"2023-06-14T09:34:09","modified_gmt":"2023-06-14T07:34:09","slug":"lettertype-voor-website","status":"publish","type":"post","link":"https:\/\/www.hostnet.nl\/academy\/lettertype-voor-website","title":{"rendered":"Het belang van een goed lettertype voor je website: 7 tips"},"content":{"rendered":"\n<p><a href=\"https:\/\/www.hostnet.nl\/academy\/wat-is-design\">Webdesign<\/a> is een belangrijk onderdeel van een site. Zo ook het lettertype. Want niet elk lettertype is geschikt om op je website te gebruiken. Wil jij meer uit jouw site halen? In dit artikel vind je 7 handige tips om het beste lettertype voor je website te kiezen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"wat-is-een-lettertype\">Wat is een lettertype?<\/h2>\n\n\n\n<p>Een lettertype is een set van grafische tekens om tekst te tonen. Denk aan verschillende vormen, diktes, groottes en variaties. Een lettertype is onderdeel van een letterfamilie, een typeface. Dit houdt in dat een lettertype verschillende uiterlijken heeft, zoals scheef of dikgedrukt.<\/p>\n\n\n\n<div class=\"product-banner border-radius gutter-padding no-padding-top gutter-margin-bottom gutter-margin-top\">\n    <div class=\"svg-icon-text gutter-margin-top\">\n        <i class=\"svg-icon icon-large no-margin-left gutter-margin-right-half icon-stroke-blue\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"60\" height=\"60\" viewBox=\"0 0 60 60\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M35.9 50c-.2.6-.8 1-1.4 1h-8c-.6 0-1.2-.4-1.4-1H1.6c-.3 0-.6.3-.6.6v2.8c0 .3.3.6.6.6h56.8c.3 0 .6-.3.6-.6v-2.8c0-.3-.3-.6-.6-.6H35.9z\"><\/path><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M25.1 50c.2.6.8 1 1.4 1h8c.7 0 1.2-.4 1.4-1H56V11.1C56 9.4 54.6 8 52.9 8H7.1C5.4 8 4 9.4 4 11.1V50h21.1z\"><\/path><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\" d=\"M36 40l12-12-12-12H24l12 12-12 12zM22 22H12m15 5H17m10 5H17m5 5H12\"><\/path><\/svg>        <\/i>\n        <span class=\"text-blue gutter-margin-right-half\">\n            Ontwikkel websites op betrouwbare en stabiele webhosting. Inclusief SSL en zakelijke e-mail.        <\/span>\n    <\/div>\n    <div class=\"button-holder gutter-margin-top\">\n        <a href=\"https:\/\/www.hostnet.nl\/webhosting#product-table-webhosting\" class=\"button\">\n            <span class=\"btn-text\">\n                Bestel nu            <\/span>\n        <\/a>\n    <\/div>\n<\/div>\n\n<script>\n    var productBanner = \"webhosting\";\n    dataLayer.push({'pageCategory': 'ac-' + productBanner});\n<\/script>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"soorten-lettertypen\">Soorten lettertypen<\/h3>\n\n\n\n<p>Er bestaan verschillende soorten lettertypen, elk met zijn eigen kenmerken. Deze lettertypen kun je onderverdelen in een aantal categorie\u00ebn. Hieronder vind je de 5 meest gebruikte categorie\u00ebn.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Serif<\/strong><br>Serif is het Engelse woord van \u2018schreef\u2019. Het lettertype heeft \u2018kleine voetjes\u2019 aan de boven- en onderkant van elke letter. Een goed voorbeeld hiervan is Times New Roman.<\/li>\n\n\n\n<li><strong>Sans-serif<\/strong><br>Sans-serif is het tegenovergestelde van serif. Het lettertype is modern, strak en eenvoudig. Arial is hier een goed voorbeeld van.<\/li>\n\n\n\n<li><strong>Script<\/strong><br>Bij script-lettertypen lijkt het alsof iemand dit met de hand heeft geschreven. Je herkent ze aan de vloeiende, sierlijke lijnen. Een voorbeeld van een script-lettertype is Pacifico.<\/li>\n\n\n\n<li><strong>Decoratief<\/strong><br>Lettertypen die onder \u2018decoratief\u2019 vallen zijn artistiek en opvallend. Broadway is een voorbeeld van een decoratief lettertype.<\/li>\n\n\n\n<li><strong>Monospace<\/strong><br>Monospace staat voor \u2018dezelfde ruimte\u2019. Het zijn lettertypen die een gelijke breedte hebben voor elke letter. Denk hierbij aan het lettertype Courier.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"het-belang-van-een-goed-lettertype\">Het belang van een goed lettertype<\/h2>\n\n\n\n<p>Veel ondernemers kiezen een lettertype dat ze mooi vinden. Dat begrijp ik, maar soms kan het geen goede keuze zijn. Om je dit uit te leggen, vind je hieronder een aantal redenen waarom een goed lettertype belangrijk is.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Leesbaarheid<\/strong><br>Niet elk lettertype is even goed leesbaar op een scherm, zowel mobiel als desktop. Een goed lettertype zorgt ervoor dat <a href=\"https:\/\/www.hostnet.nl\/academy\/webteksten-schrijven\">webteksten<\/a> eenvoudig en fijn te lezen zijn, zodat bezoekers de tekst kunnen begrijpen.<\/li>\n\n\n\n<li><strong>Aantrekkingskracht<\/strong><br>Een lettertype draagt bij aan het totaalplaatje van je website. Een verkeerd lettertype kan er direct voor zorgen dat bezoekers je design niet prettig vinden en ze gaan weg.<\/li>\n\n\n\n<li><strong>Identiteit<\/strong><br>Je kunt jouw merkidentiteit opbouwen door consistent te zijn en een herkenbaar lettertype te gebruiken in alle communicatie-uitingen. Ook offline.<\/li>\n\n\n\n<li><strong>Emotie en gevoel<\/strong><br>Wist je dat een lettertype een bepaalde emotie en een bepaald gevoel kan opwekken? Zo cre\u00ebert een sierlijk lettertype creativiteit en een strak lettertype een gevoel van moderniteit.<\/li>\n\n\n\n<li><strong>Gebruiksvriendelijkheid<\/strong><br>Tot slot draagt een goed lettertype bij aan een <a href=\"https:\/\/www.hostnet.nl\/academy\/gebruiksvriendelijke-website-tips\">gebruiksvriendelijke website<\/a>. Bezoekers kunnen een tekst goed doorlezen en navigeren eenvoudig door je website.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"9-web-safe-fonts-voor-websites\">9 web safe fonts voor websites<\/h2>\n\n\n\n<p>Er bestaan duizenden verschillende lettertypen voor online doeleinden. Het is belangrijk om te weten dat niet alle webbrowsers alle lettertypen ondersteunen. Daarom zijn er een aantal lettertypen in het leven ingeroepen die je veilig kunt gebruiken. Deze laden niet extern in, wat zorgt voor een <a href=\"https:\/\/www.hostnet.nl\/academy\/website-sneller-maken\">snelle website<\/a>. De volgende 9 lettertypen zijn web safe:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Arial<\/li>\n\n\n\n<li>Verdana<\/li>\n\n\n\n<li>Tahoma<\/li>\n\n\n\n<li>Trebuchet MS<\/li>\n\n\n\n<li>Times New Roman<\/li>\n\n\n\n<li>Georgia<\/li>\n\n\n\n<li>Garamond<\/li>\n\n\n\n<li>Courier New<\/li>\n\n\n\n<li>Brush Script MT<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"het-lettertype-van-een-website-achterhalen\">Het lettertype van een website achterhalen<\/h2>\n\n\n\n<p>Heb je een website met een mooi lettertype gevonden dat je zelf ook graag wilt gebruiken? Je kunt het lettertype van een website achterhalen op verschillende manieren. Bijvoorbeeld via de Chrome-extensie <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/whatfont\/jabopobgcpjmedljpbcaablpmlmfcogm\" target=\"_blank\" rel=\"noreferrer noopener\">WhatFont<\/a>. Ook is het mogelijk om in de broncode van de website te kijken. Zo doe je dat:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ga via een webbrowser naar de website.<\/li>\n\n\n\n<li>Klik met je rechtermuisknop en kies voor de optie \u2018Inspecteren\u2019.<\/li>\n\n\n\n<li>Zoek via Ctrl + F naar \u2018font\u2019 en bekijk welk lettertype de website gebruikt.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"heeft-een-lettertype-invloed-op-seo\">Heeft een lettertype invloed op SEO?<\/h2>\n\n\n\n<p>Het lettertype dat je kiest, heeft invloed op de <a href=\"https:\/\/www.hostnet.nl\/academy\/wat-is-seo\">SEO<\/a> van je website. Een goed lettertype draagt bij aan een gebruiksvriendelijke website. Op basis van verschillende factoren, zoals de tijd op een pagina, krijgt Google een seintje dat mensen je website interessant vinden. En een interessante website verdient een hogere plek in de zoekresultaten. Natuurlijk be\u00efnvloeden andere onderdelen ook de SEO, maar je moet het lettertype dus niet vergeten.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"het-beste-lettertype-voor-je-website-7-tips\">Het beste lettertype voor je website: 7 tips<\/h2>\n\n\n\n<p>Om je website aantrekkelijk en gebruiksvriendelijk te maken, is het belangrijk om het juiste lettertype te kiezen. Om je hierbij een handje te helpen, vind je hieronder 7 handige tips.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"1-verdiep-je-in-google-material-design-guide\">1. Verdiep je in Google Material Design Guide<\/h3>\n\n\n\n<p>Je wilt dat het lettertype bijdraagt aan het zo duidelijk en effici\u00ebnt mogelijk presenteren van je webdesign en content. Hiervoor zijn door Google een aantal basisprincipes vastgesteld in <a href=\"https:\/\/m2.material.io\/design\/introduction\" target=\"_blank\" rel=\"noreferrer noopener\">Material<\/a>, een designsysteem om goede digitale ervaringen te maken. Het zogenoemde \u2018<a href=\"https:\/\/m2.material.io\/design\/typography\/the-type-system.html\" target=\"_blank\" rel=\"noreferrer noopener\">type system<\/a>\u2019 bevat principes over hoe een lettertype het best eruit kan zien. Van koppen tot de body en meer. Dankzij het type system kun je de juiste keuzes maken voor je lettertype.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"2-zoek-en-test-een-lettertype-op-google-fonts\">2. Zoek en test een lettertype op Google Fonts<\/h3>\n\n\n\n<p>Wil je iets anders dan een basic lettertype gebruiken? Zoek er dan een op Google Fonts. <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Fonts<\/a> is een gratis catalogus van duizenden verschillende lettertypen. In de catalogus zoek je eenvoudig op lettertype uit verschillende categorie\u00ebn. Heb je een favoriet gevonden? Dan test je direct hoe een bepaalde tekst van je website eruit ziet in dat lettertype.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"google-fonts-gebruiken-op-je-site\">Google Fonts gebruiken op je site<\/h4>\n\n\n\n<p>Om je favoriete Google Fonts-lettertype op je website te plaatsen, kun je 2 dingen doen:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Schakel een webdeveloper in als je geen technische kennis hebt.<\/li>\n\n\n\n<li>Voeg zelf het lettertype toe aan je site.<\/li>\n<\/ol>\n\n\n\n<p>Kies je voor de tweede optie? Dan dien je een code toe te voegen aan het &lt;head&gt;-gedeelte van de html-code of in de css. Hieronder vind je een voorbeeld van zo\u2019n code.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>- <strong>Html<\/strong>\n&lt;style&gt;@import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@100&amp;display=swap');&lt;\/style&gt;\n\n- <strong>Css<\/strong>\nfont-family: 'Roboto', sans-serif;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"3-gebruik-de-juiste-lettergrootte\">3. Gebruik de juiste lettergrootte<\/h3>\n\n\n\n<p>De juiste lettergrootte is ook belangrijk om je website toegankelijk te maken. Zo is het verstandig om de body en formulieren een grootte van 16 pixels te geven, afhankelijk van welk lettertype je kiest. Maak je gebruik van secundaire tekst zoals labels en knoppen? Geef deze een kleinere grootte, bijvoorbeeld 13 of 14 pixels. Koppen als H1, H2, et cetera horen groter en opvallender te zijn, tussen de 30 en 70 pixels. Dit zorgt ervoor dat mensen een tekst eenvoudiger scannen.&nbsp;<\/p>\n\n\n\n<section class=\"block-featured gutter-margin-bottom gutter-margin-top gutter-small-padding no-margin-left no-margin-right bg-gray-body\">\n    <div class=\"header center-content-vertically\"><i class=\"svg-icon icon-small icon-right-margin\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M19.9,8.6 C19.9,11.1592801 18.6026492,13.5380886 16.5527427,14.9956715 L15.5654263,16.7010363 C15.2887116,17.178998 14.6769255,17.342141 14.1989637,17.0654263 C13.721002,16.7887116 13.557859,16.1769255 13.8345737,15.6989637 L14.9345737,13.7989637 C15.0114009,13.6662622 15.117716,13.5530056 15.2452998,13.4679497 C16.8661977,12.3873511 17.9,10.5547015 17.9,8.6 C17.9,5.41533103 15.3110865,2.8 12.1,2.8 C8.85228475,2.8 6.3,5.35228475 6.3,8.6 C6.3,10.5861438 7.26281652,12.3102572 8.96468392,13.4746927 C9.08787677,13.5589826 9.19063707,13.6697824 9.26542629,13.7989637 L10.3654263,15.6989637 C10.642141,16.1769255 10.478998,16.7887116 10.0010363,17.0654263 C9.52307453,17.342141 8.91128841,17.178998 8.63457371,16.7010363 L7.64474819,14.9913376 C5.52872065,13.4630759 4.3,11.1882704 4.3,8.6 C4.3,4.24771525 7.74771525,0.8 12.1,0.8 C16.4202267,0.8 19.9,4.31528122 19.9,8.6 Z M10.5,23 C9.94771525,23 9.5,22.5522847 9.5,22 C9.5,21.4477153 9.94771525,21 10.5,21 L13.6,21 C14.1522847,21 14.6,21.4477153 14.6,22 C14.6,22.5522847 14.1522847,23 13.6,23 L10.5,23 Z M8.9,20.2 C8.34771525,20.2 7.9,19.7522847 7.9,19.2 C7.9,18.6477153 8.34771525,18.2 8.9,18.2 L15.2,18.2 C15.7522847,18.2 16.2,18.6477153 16.2,19.2 C16.2,19.7522847 15.7522847,20.2 15.2,20.2 L8.9,20.2 Z\"\/><\/svg><\/i><h3 class=\"title\" class=\"title\" id=\"tip\">Tip<\/h3><\/div>    <div class=\"description\">\n\n<p>Gebruik de <a href=\"https:\/\/m2.material.io\/design\/typography\/the-type-system.html#type-scale\" target=\"_blank\" rel=\"noreferrer noopener\">Type scale generator<\/a> van Google om de juiste lettergroottes te maken op basis van de Material guide. Vervolgens kun je direct de code kopi\u00ebren en voor je website gebruiken.<\/p>\n\n<\/div>\n<\/section>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"4-richt-je-op-het-doel\">4. Richt je op het doel<\/h3>\n\n\n\n<p>Het is goed om in je achterhoofd te houden wat het doel van je website is en wie je doelgroep is. Heb je bijvoorbeeld een minimalistische website? Dan is het niet verstandig om een decoratief lettertype te gebruiken. Run je een creatieve website? Dan kunnen strakke lettertypen niet de juiste boodschap overbrengen.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Tip: Wil je liever voor safe gaan? Kies dan voor een sans-seriflettertype.<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"5-beperk-het-aantal-soorten-lettertypen\">5. Beperk het aantal soorten lettertypen<\/h3>\n\n\n\n<p>Een andere tip om het beste lettertype voor je website te kiezen: less is more. Kies voor maximaal 2 of 3 verschillende lettertypen om een rommelige en onoverzichtelijke website te voorkomen. Ga voor een body die eenvoudig te lezen is en kies voor een ander bijpassend lettertype om koppen en andere elementen uit te lichten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"6-wees-consistent\">6. Wees consistent<\/h3>\n\n\n\n<p>Zorg ervoor dat je consistent bent met het lettertype. Dit houdt in dat je hetzelfde lettertype gebruikt in alle communicatie-uitingen, online en offline. Zo zorg je voor een herkenbare en goede huisstijl van je business.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"7-houd-rekening-met-visuele-uitdagingen\">7. Houd rekening met visuele uitdagingen<\/h3>\n\n\n\n<p>Tot slot is het verstandig om rekening te houden met visuele uitdagingen. Een rood lettertype kan bijvoorbeeld geheel wegvallen bij iemand die een kleurenuitdaging heeft. (<a href=\"https:\/\/www.hostnet.nl\/academy\/kleuren-website-kiezen\">Kleuren voor je website<\/a> spelen daarom ook een belangrijke rol.) Daarnaast is het mogelijk dat het lettertype te klein is voor mensen die slecht zien. Zorg ervoor dat het lettertype op je website door zoveel mogelijk mensen te lezen is. Wil je meer weten over het toegankelijk maken van je website? Bekijk dan <a href=\"https:\/\/www.digitoegankelijk.nl\/\" target=\"_blank\" rel=\"noreferrer noopener\">deze site van de Nederlandse overheid<\/a>.<\/p>\n\n\n    <div id=\"polls-17\" class=\"wp-polls\">\n\t\t<section class=\"bg-blue-light gutter-margin-top gutter-margin-bottom gutter-padding\">\r\n<img decoding=\"async\" src=\"\/wp-content\/themes\/academy\/images\/plugins\/wp-polls\/poll-chart.svg\" alt=\"\">\r\n<p class=\"h-size-18\">Ik houd rekening met het lettertype van mijn website.<\/p>\r\n<div id=\"polls-17-ans\" class=\"wp-polls-ans\">\r\n<ul class=\"wp-polls-ul no-margin-left\">\n\t\t<li>Ja <small>(86%, 6 Stemmen)<\/small><div class=\"pollbar\" style=\"width: 86%\" title=\"Ja (86% | 6 Stemmen)\"><\/div><\/li>\n\t\t<li><strong><i>Ik ga me erin verdiepen <small>(14%, 1 Stemmen)<\/small><\/i><\/strong><div class=\"pollbar\" style=\"width: 14%\" title=\"Je hebt op dit antwoord gestemd - Ik ga me erin verdiepen (14% | 1 Stemmen)\"><\/div><\/li>\n\t\t<li>Nee <small>(0%, 0 Stemmen)<\/small><div class=\"pollbar\" style=\"width: 1%\" title=\"Nee (0% | 0 Stemmen)\"><\/div><\/li>\n\t\t<\/ul>\r\n<p>Aantal stemmen: <strong>7<\/strong><\/p>\r\n<\/div>\r\n<\/section>\n\t\t<input type=\"hidden\" id=\"poll_17_nonce\" name=\"wp-polls-nonce\" value=\"63b1405775\" \/>\n<\/div>\n<div id=\"polls-17-loading\" class=\"wp-polls-loading\"><img decoding=\"async\" src=\"https:\/\/www.hostnet.nl\/academy\/wp-content\/plugins\/wp-polls\/images\/loading.gif\" width=\"16\" height=\"16\" alt=\"Aan het laden ...\" title=\"Aan het laden ...\" class=\"wp-polls-image\" \/>&nbsp;Aan het laden &#8230;<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"conclusie\">Conclusie<\/h2>\n\n\n\n<p>Het kiezen van het juiste lettertype voor je website is belangrijk om onder andere de leesbaarheid en aantrekkingskracht naar een hoger niveau te tillen. Maar een lettertype heeft ook indirect invloed op de SEO van je site. Daarom heb je in dit artikel 7 handige tips gekregen om een goed lettertype voor je website te kiezen.<\/p>\n\n\n\n<p><strong>Heb jij nog handige tips voor online lettertypen? Laat een reactie achter!<\/strong><\/p>\n\n\n\n<section class=\"product-card product-card-single bg-highlight gutter-margin-bottom gutter-margin-top gutter-padding no-margin-left no-margin-right\">\n    <div class=\"box box-medium\">\n        <img decoding=\"async\" alt=\"Product\" src=\"\/\/atlas.hostnet.nl\/images\/boxes\/WH-package.svg\">            <\/div>\n    <div class=\"card-content\">\n        <h3 class=\"title h-size-21\" class=\"title h-size-21\" id=\"webhosting\">Webhosting<\/h3>\n        <div class=\"gutter-padding-bottom\">\n            <p>Ontwikkel razendsnel websites op betrouwbare en snelle webhosting. Inclusief uitgebreide features.<\/p>\n        <\/div>\n        <div class=\"usps list-style-check text-small\">\n            <ul>\n                <li>7 dagen p\/w hostingsupport<\/li>\n                        <li>Installeer in 1 klik WordPress<\/li>\n                        <li>Gratis Wildcard SSL<\/li>\n                        <li>Zakelijke e-mail<\/li>\n                        <li>Stabiel en razendsnel platform<\/li>\n                        <li>Direct opgeleverd<\/li>            <\/ul>\n        <\/div>\n        <div class=\"button-holder gutter-margin-top\">\n            <a class=\"button button-orange button-icon icon-right button-ellipsis\" href=\"https:\/\/www.hostnet.nl\/webhosting#product-table-webhosting\">\n                <i class=\"svg-icon\" aria-hidden=\"true\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-arrow-up-right\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line><polyline points=\"7 7 17 7 17 17\"><\/polyline><\/svg>\n                <\/i>\n                <span class=\"btn-text\">Naar webhosting<\/span>            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Webdesign is een belangrijk onderdeel van een site. Zo ook het lettertype. Want niet elk lettertype is geschikt om op&hellip; <a class=\"more-link\" href=\"https:\/\/www.hostnet.nl\/academy\/lettertype-voor-website\">Lees verder <span class=\"screen-reader-text\">Het belang van een goed lettertype voor je website: 7 tips<\/span><\/a><\/p>\n","protected":false},"author":122,"featured_media":16908,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[34],"class_list":["post-16886","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website","tag-design","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>7 tips om het beste lettertype voor je website te kiezen | Hostnet<\/title>\n<meta name=\"description\" content=\"Het lettertype van je site be\u00efnvloedt de gebruiksvriendelijkheid en SEO. In dit artikel vind je daarom 7 handige tips om toe te passen.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostnet.nl\/academy\/lettertype-voor-website\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"7 tips om het beste lettertype voor je website te kiezen | Hostnet\" \/>\n<meta property=\"og:description\" content=\"Het lettertype van je site be\u00efnvloedt de gebruiksvriendelijkheid en SEO. In dit artikel vind je daarom 7 handige tips om toe te passen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostnet.nl\/academy\/lettertype-voor-website\" \/>\n<meta property=\"og:site_name\" content=\"Hostnet\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Hostnetbv\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-12T14:15:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-14T07:34:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2023\/06\/lettertype-voor-websites.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1282\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Lysanne Hopman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hostnet\" \/>\n<meta name=\"twitter:site\" content=\"@hostnet\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lysanne Hopman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minuten\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"7 tips om het beste lettertype voor je website te kiezen | Hostnet","description":"Het lettertype van je site be\u00efnvloedt de gebruiksvriendelijkheid en SEO. In dit artikel vind je daarom 7 handige tips om toe te passen.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hostnet.nl\/academy\/lettertype-voor-website","og_locale":"nl_NL","og_type":"article","og_title":"7 tips om het beste lettertype voor je website te kiezen | Hostnet","og_description":"Het lettertype van je site be\u00efnvloedt de gebruiksvriendelijkheid en SEO. In dit artikel vind je daarom 7 handige tips om toe te passen.","og_url":"https:\/\/www.hostnet.nl\/academy\/lettertype-voor-website","og_site_name":"Hostnet","article_publisher":"https:\/\/www.facebook.com\/Hostnetbv\/","article_published_time":"2023-06-12T14:15:58+00:00","article_modified_time":"2023-06-14T07:34:09+00:00","og_image":[{"width":1920,"height":1282,"url":"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2023\/06\/lettertype-voor-websites.jpg","type":"image\/jpeg"}],"author":"Lysanne Hopman","twitter_card":"summary_large_image","twitter_creator":"@hostnet","twitter_site":"@hostnet","twitter_misc":{"Geschreven door":"Lysanne Hopman","Geschatte leestijd":"7 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostnet.nl\/academy\/lettertype-voor-website#article","isPartOf":{"@id":"https:\/\/www.hostnet.nl\/academy\/lettertype-voor-website"},"author":{"name":"Lysanne Hopman","@id":"https:\/\/www.hostnet.nl\/academy\/#\/schema\/person\/7648cc9888b518c8f552ef2cd4e8e730"},"headline":"Het belang van een goed lettertype voor je website: 7 tips","datePublished":"2023-06-12T14:15:58+00:00","dateModified":"2023-06-14T07:34:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostnet.nl\/academy\/lettertype-voor-website"},"wordCount":1364,"commentCount":0,"publisher":{"@id":"https:\/\/www.hostnet.nl\/academy\/#organization"},"image":{"@id":"https:\/\/www.hostnet.nl\/academy\/lettertype-voor-website#primaryimage"},"thumbnailUrl":"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2023\/06\/lettertype-voor-websites.jpg","keywords":["Design"],"articleSection":["Website"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostnet.nl\/academy\/lettertype-voor-website#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostnet.nl\/academy\/lettertype-voor-website","url":"https:\/\/www.hostnet.nl\/academy\/lettertype-voor-website","name":"7 tips om het beste lettertype voor je website te kiezen | Hostnet","isPartOf":{"@id":"https:\/\/www.hostnet.nl\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostnet.nl\/academy\/lettertype-voor-website#primaryimage"},"image":{"@id":"https:\/\/www.hostnet.nl\/academy\/lettertype-voor-website#primaryimage"},"thumbnailUrl":"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2023\/06\/lettertype-voor-websites.jpg","datePublished":"2023-06-12T14:15:58+00:00","dateModified":"2023-06-14T07:34:09+00:00","description":"Het lettertype van je site be\u00efnvloedt de gebruiksvriendelijkheid en SEO. In dit artikel vind je daarom 7 handige tips om toe te passen.","breadcrumb":{"@id":"https:\/\/www.hostnet.nl\/academy\/lettertype-voor-website#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostnet.nl\/academy\/lettertype-voor-website"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.hostnet.nl\/academy\/lettertype-voor-website#primaryimage","url":"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2023\/06\/lettertype-voor-websites.jpg","contentUrl":"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2023\/06\/lettertype-voor-websites.jpg","width":1920,"height":1282,"caption":"lettertype voor websites"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostnet.nl\/academy\/lettertype-voor-website#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hostnet.nl\/academy\/"},{"@type":"ListItem","position":2,"name":"Het belang van een goed lettertype voor je website: 7 tips"}]},{"@type":"WebSite","@id":"https:\/\/www.hostnet.nl\/academy\/#website","url":"https:\/\/www.hostnet.nl\/academy\/","name":"Hostnet","description":"Haal meer uit je online succes met handige tips en tricks","publisher":{"@id":"https:\/\/www.hostnet.nl\/academy\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hostnet.nl\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/www.hostnet.nl\/academy\/#organization","name":"Hostnet","url":"https:\/\/www.hostnet.nl\/academy\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.hostnet.nl\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2021\/11\/Hostnet-logo2021-RGB-Leftcloud.png","contentUrl":"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2021\/11\/Hostnet-logo2021-RGB-Leftcloud.png","width":581,"height":99,"caption":"Hostnet"},"image":{"@id":"https:\/\/www.hostnet.nl\/academy\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Hostnetbv\/","https:\/\/x.com\/hostnet","https:\/\/www.instagram.com\/hostnetbv\/","https:\/\/nl.linkedin.com\/company\/hostnet-bv","https:\/\/nl.pinterest.com\/hostnet\/","https:\/\/www.youtube.com\/channel\/UCiMHZBSkh8FKopNquGmzgyQ"]},{"@type":"Person","@id":"https:\/\/www.hostnet.nl\/academy\/#\/schema\/person\/7648cc9888b518c8f552ef2cd4e8e730","name":"Lysanne Hopman","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.hostnet.nl\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ec4049cff2def2f9cc9f0dffaa43086d15768c453550ce7623a2f549d04860b4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ec4049cff2def2f9cc9f0dffaa43086d15768c453550ce7623a2f549d04860b4?s=96&d=mm&r=g","caption":"Lysanne Hopman"},"description":"Lysanne Hopman werkte tot voor kort als SEO Content Specialist bij Hostnet. Haar passie voor schrijven en SEO komt tot leven in zowel haar werk als op haar lifestyleblog.","sameAs":["https:\/\/www.linkedin.com\/in\/lysannehopman\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/posts\/16886","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/users\/122"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/comments?post=16886"}],"version-history":[{"count":3,"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/posts\/16886\/revisions"}],"predecessor-version":[{"id":16909,"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/posts\/16886\/revisions\/16909"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/media\/16908"}],"wp:attachment":[{"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/media?parent=16886"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/categories?post=16886"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/tags?post=16886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}