{"id":112613,"date":"2025-02-23T10:32:23","date_gmt":"2025-02-23T08:32:23","guid":{"rendered":"https:\/\/elementor.com\/blog\/tekst-vet-maken-in-html-en-css\/"},"modified":"2025-12-25T11:00:16","modified_gmt":"2025-12-25T09:00:16","slug":"tekst-vet-maken-in-html-en-css","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/","title":{"rendered":"Tekst vet maken in HTML en CSS"},"content":{"rendered":"\n<p>Is het je wel eens opgevallen hoe bepaalde woorden of zinnen op een website meteen je aandacht trekken?\nDat is de kracht van vette tekst.\nWanneer vetgedrukte tekst strategisch wordt gebruikt, legt het de nadruk, leidt het de aandacht van de lezer en cre\u00ebert het een dynamischere webervaring.\nOf je nu een verkoop onder de aandacht wilt brengen, belangrijke informatie wilt benadrukken of gewoon je koppen wilt laten opvallen, begrijpen hoe je tekst vet maakt in HTML is een superkracht van webdesign.   <\/p>\n\n<p>In deze gids behandelen we alles wat je moet weten over het vet maken van tekst.  <\/p>\n\n<h2 class=\"wp-block-heading\"><strong>De grondbeginselen van vette tekst in HTML<\/strong><\/h2>\n\n<h3 class=\"wp-block-heading\"><strong>De tags &lt;b&gt; en &lt;sterk&gt; <\/strong><\/h3>\n\n<p>Laten we beginnen bij de kern van HTML vet maken: de tags <b> en <strong>.\nDeze eenvoudige tags zijn het gereedschap bij uitstek om tekst op een webpagina visueel vet te maken. <\/strong><\/b><\/p>\n\n<h3 class=\"wp-block-heading\"><strong>Visuele brutaliteit<\/strong><\/h3>\n\n<p>De belangrijkste functie van zowel <b> als <strong> is om tekst dikker en zwaarder te laten lijken dan gewone tekst.\nDit trekt meteen de aandacht naar die specifieke woorden of zinnen. <\/strong><\/b><\/p>\n\n<h3 class=\"wp-block-heading\"><strong>Semantische verschillen<\/strong><\/h3>\n\n<p>Hoewel beide tags hetzelfde visuele effect bereiken, is er een subtiel verschil in hun betekenis:<\/p>\n\n<ul class=\"wp-block-list\">\n<li><b>: Gebruikt voor stilistische nadruk (iets visueel laten opvallen).<\/b><\/li>\n\n\n\n<li><strong>: Benadrukt sterk belang of ernst.<\/strong><\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\"><strong>Toegankelijkheid en schermlezers<\/strong><\/h3>\n\n<p>Screenreaders (software voor slechtzienden) interpreteren <strong> vaak met een iets sterkere nadruk dan <b>.\nDit helpt het belang van specifieke inhoud over te brengen voor mensen die meer visuele nadruk nodig hebben. <\/b><\/strong><\/p>\n\n<h3 class=\"wp-block-heading\"><strong>CSS gebruiken voor krachtige styling<\/strong><\/h3>\n\n<p>Met HTML-tags kun je snel en eenvoudig tekst vet maken, maar voor meer controle en flexibiliteit is <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/nl\/wat-is-cssen-hoe-het-te-gebruiken-in-webontwerp\/\" title=\"What Is CSS? How to Use it in Web Design (2025)\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"31216\">CSS<\/a> (Cascading Style Sheets) koning.\nMet CSS kun je vetgedrukte stijlen toepassen op specifieke koppen, individuele alinea&#8217;s, knoppen of elk ander element op je website. <\/p>\n\n<p>De belangrijkste CSS eigenschap hier is font-weight.\nOm tekst vet te maken, stel je de eigenschap font-weight in op bold. <\/p>\n\n<h3 class=\"wp-block-heading\">CSS biedt 3 manieren om stijlen toe te voegen:<\/h3>\n\n<h4 class=\"wp-block-heading\">1. Inline CSS<\/h4>\n\n<p><strong>Hoe:<\/strong> Direct ingesloten in het HTML-element met behulp van het stijlattribuut.<\/p>\n\n<p><strong>Voorbeeld:<\/strong> <\/p>\n\n<p><h1 style=\"color: blue;text-align: center\">Welkom!<\/h1><\/p>\n\n<p><strong>Voordelen:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Zeer specifiek &#8211; overschrijft andere stijlen.<\/li>\n\n\n\n<li>Handig voor eenmalige aanpassingen.<\/li>\n<\/ul>\n\n<p><strong>Minpunten:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Vervuilt HTML met stylinginformatie.<\/li>\n\n\n\n<li>Maakt onderhoud een nachtmerrie, vooral voor grote projecten.<\/li>\n\n\n\n<li>Kan niet worden hergebruikt in verschillende elementen.<\/li>\n<\/ul>\n\n<h4 class=\"wp-block-heading\">2. Externe stijlbladen<\/h4>\n\n<p><strong>Hoe:<\/strong> Apart .css bestand met stijlregels. Dit bestand is gekoppeld aan een HTML-document met de tag &lt;link&gt; in de head &lt;&gt; .<\/p>\n\n<p><strong>Voorbeeld:<\/strong> (style.css)<\/p>\n\n<p>CSS<\/p>\n\n<p>lichaam {<\/p>\n\n<p>  lettertype: Arial, schreefloos;<\/p>\n\n<p>}<\/p>\n\n<p>h1 {<\/p>\n\n<p>  kleur: blauw;<\/p>\n\n<p>  tekst-uitlijning: centreren;<\/p>\n\n<p>}<\/p>\n\n<p><strong>Voordelen:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Bevordert scheiding van belangen (HTML voor structuur, CSS voor presentatie).<\/li>\n\n\n\n<li>Stijlen kunnen eenvoudig op de hele site worden toegepast.<\/li>\n\n\n\n<li>Verbetert de onderhoudbaarheid.<\/li>\n<\/ul>\n\n<p><strong>Minpunten:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Er is een extra HTTP-verzoek nodig om het stylesheet te laden (kan de prestaties enigszins be\u00efnvloeden).<\/li>\n<\/ul>\n\n<h4 class=\"wp-block-heading\">3. Interne stijlbladen<\/h4>\n\n<p><strong>Hoe:<\/strong> Stijlregels worden gedefinieerd binnen een &lt;stijl&gt; blok in de &lt;head&gt; van een HTML-document.<\/p>\n\n<p><strong>Voorbeeld:<\/strong><\/p>\n\n<p>HTML<\/p>\n\n<p><\/p>\n\n<p>    <\/p>\n\n<p>  lichaam {<\/p>\n\n<p>  lettertype: Arial, schreefloos;<\/p>\n\n<p>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n\n<p>  h1 {<\/p>\n\n<p>  kleur: blauw;<\/p>\n\n<p>  tekst-uitlijning: centreren;<\/p>\n\n<p>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/p>\n\n<p>    <\/p>\n\n<p><\/p>\n\n<p><strong>Voordelen:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Houdt stijlen gebonden aan een specifiek HTML-document.<\/li>\n\n\n\n<li>Het vermijdt een extra HTTP-verzoek (zoals externe stylesheets)<\/li>\n<\/ul>\n\n<p><strong>Minpunten:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Minder herbruikbaar dan externe stylesheets.<\/li>\n\n\n\n<li>Niet ideaal voor site-brede stijlstandaardisatie.<\/li>\n<\/ul>\n\n<p><strong>Beste Praktijken<\/strong><\/p>\n\n<p>Over het algemeen hebben externe stylesheets de voorkeur voor de meeste webprojecten omdat ze de beste scheiding van belangen, organisatie en schaalbaarheid bieden.\nInline stijlen moeten worden gereserveerd voor snelle, incidentele overschrijvingen.\nInterne stylesheets zijn een middenweg, geschikt voor stijlen die specifiek zijn voor \u00e9\u00e9n pagina.  <\/p>\n\n<h2 class=\"wp-block-heading\"><strong>Beste praktijken voor het effectief vouwen van tekst<\/strong><\/h2>\n\n<p>Weten hoe je vette tekst moet gebruiken is \u00e9\u00e9n ding, maar het strategisch gebruiken om je website te verbeteren is een andere vaardigheid.\nLaten we eens kijken naar een aantal best practices om ervoor te zorgen dat je vette tekst zowel impactvol als visueel aantrekkelijk is. <\/p>\n\n<h3 class=\"wp-block-heading\"><strong>Strategisch vet gebruik<\/strong><\/h3>\n\n<p>De sleutel tot effectief dik maken is nadruk.\nMarkeer sleutelzinnen, oproepen tot actie, belangrijke koppen of navigatie-elementen.\nWeersta de drang om alles vet te maken &#8211; te veel vet maakt je tekst minder indrukwekkend en moeilijker leesbaar.  <\/p>\n\n<h3 class=\"wp-block-heading\"><strong>Vatjes voor leesbaarheid<\/strong><\/h3>\n\n<p>Overweeg het volgende voor optimale leesbaarheid:<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Contrast:<\/strong> Zorg voor voldoende contrast tussen vetgedrukte en gewone tekst om visueel onderscheid te maken.<\/li>\n\n\n\n<li><strong>Lettergrootte en spati\u00ebring:<\/strong> Vetgedrukte tekst kan een iets groter lettertype of extra ruimte eromheen nodig hebben voor de duidelijkheid.<\/li>\n\n\n\n<li><strong>Toegankelijkheid:<\/strong> Houd rekening met gebruikers met een visuele beperking.\nKoppel binding aan andere visuele aanwijzingen (kleur, grootte) en gebruik de &lt;sterke&gt; tag voor echt belangrijke inhoud. <\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\"><strong>Strategisch vet gebruik<\/strong><\/h3>\n\n<p>Vette tekst is als een spotlight &#8211; gebruik hem verstandig om het oog van de lezer naar de belangrijkste elementen op je pagina te leiden.\nHier zijn gebieden waar vetgedrukte tekst een belangrijke toegevoegde waarde heeft: <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Koppen en subkoppen:<\/strong> Door koppen te vouwen cre\u00eber je een sterke visuele hi\u00ebrarchie, waardoor je inhoud makkelijker te scannen en te begrijpen is.<\/li>\n\n\n\n<li><strong>Sleutelzinnen en oproepen tot actie:<\/strong> Vestig de aandacht op essenti\u00eble informatie of de acties die je wilt dat bezoekers ondernemen (bijv. &#8220;Schrijf je nu in&#8221;, &#8220;Aanbieding voor beperkte tijd&#8221;).<\/li>\n\n\n\n<li><strong>Navigatie:<\/strong> Als je actieve of geselecteerde items in je menu&#8217;s vet maakt, begrijpen gebruikers waar ze zich op je website bevinden.<\/li>\n\n\n\n<li><strong>Hoogtepunten van producten:<\/strong> Maak in <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/features\/ecommerce\/\" title=\"eCommerce\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"23754\">e-commerce<\/a> de belangrijkste kenmerken of specificaties vetgedrukt om ze te laten opvallen.<\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\"><strong>Vatjes voor leesbaarheid<\/strong><\/h3>\n\n<p>Vette tekst kan de leesbaarheid vergroten, maar het is belangrijk om na te denken over de interactie met je algehele ontwerp.\nHier zijn een paar tips om in gedachten te houden: <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Contrast is cruciaal:<\/strong> Kies kleuren die een duidelijk contrast bieden tussen je gewone en vetgedrukte tekst.\nVoldoende contrast is vooral belangrijk voor slechtziende gebruikers. <\/li>\n\n\n\n<li><strong>Lettertype is belangrijk:<\/strong> Sommige lettertypes hebben door hun ontwerp dikkere, gedurfdere versies.\nKies een lettertype dat duidelijk en leesbaar is, met een gewaagde stijl die past bij het algemene uiterlijk van je website. <\/li>\n\n\n\n<li><strong>Grootte en spati\u00ebring:<\/strong> De lettergrootte iets vergroten of extra regelafstand rond vetgedrukte tekst toevoegen kan de duidelijkheid verbeteren.<\/li>\n\n\n\n<li><strong>Verwaarloos de achtergrond niet:<\/strong> Zorg ervoor dat je vetgedrukte tekst afsteekt tegen de achtergrondkleur of -afbeelding.\nMaak het niet moeilijk leesbaar. <\/li>\n\n\n\n<li><strong>Toegankelijkheidstools:<\/strong> Houd rekening met gebruikers met visuele beperkingen.\nGebruik hulpmiddelen om kleurcontrasten te controleren en vergeet niet om altijd de tag &lt;strong&gt; te gebruiken om inhoud te benadrukken die cruciaal is voor het begrip. <\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\"><strong>Ontwerpprincipes<\/strong><\/h3>\n\n<p>Vouwen gaat niet alleen over het laten opvallen van afzonderlijke woorden; het moet ook harmoni\u00ebren met de algehele esthetiek van het ontwerp van je website.<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Typografie:<\/strong> Kies een lettertype met een vetgedrukt gewicht dat je gekozen lettertypen aanvult.\nBedenk hoe vet in de hi\u00ebrarchie van je koppen past (H1, H2, H3, etc.). <\/li>\n\n\n\n<li><strong>Balans en consistentie:<\/strong> Gebruik consequent vet op je hele site.\nAls je koppen vet maakt, overweeg dan een soortgelijke behandeling voor belangrijke zinnen in paragrafen.\nDit cre\u00ebert visuele harmonie en verbetert de gebruikerservaring.  <\/li>\n\n\n\n<li><strong>Kleurenpalet:<\/strong> Gewaagde tekstkleuren moeten passen bij je algemene kleurenschema.\nKies gewaagde kleuren die opvallen maar toch bij je merk passen. <\/li>\n\n\n\n<li><strong>Vetgedrukt combineren met andere stijlen:<\/strong> Experimenteer met het combineren van vet en cursief of vet en onderstrepen voor extra nadruk.\nPas op voor overmatig gebruik &#8211; te veel stijlen kunnen visueel overweldigend worden. <\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\"><strong>Problemen oplossen en veelgemaakte fouten<\/strong><\/h3>\n\n<p>Zelfs met de beste bedoelingen kan bolding soms tijd kosten.\nHier zijn enkele veelvoorkomende valkuilen en hoe je ze kunt vermijden: <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Overdrijven:<\/strong> Zoals we al hebben benadrukt, zorgt te veel &#8220;vet&#8221; voor een rommelige, moeilijk leesbare pagina.\nWees selectief en opzettelijk in je vette keuzes. <\/li>\n\n\n\n<li><strong>Vetgedrukt is niet altijd het beste:<\/strong> Soms kunnen andere methodes zoals cursief, kleur of grootte veranderingen effectiever zijn om nadruk te leggen.\nHeb niet het gevoel dat vet je enige hulpmiddel is! <\/li>\n\n\n\n<li><strong>Browser inconsistenties:<\/strong> Heel soms kunnen verschillende browsers vetgedrukte tekst net iets anders weergeven.\nTest je website in populaire browsers om eventuele problemen op te sporen. <\/li>\n\n\n\n<li><strong>Geneste tags:<\/strong> Als je &lt;b&gt; of &lt;sterke&gt; tags in elkaar nestelt, kan dat leiden tot onverwachte of overdreven gewaagde resultaten.\nHoud je aan een schone, eenvoudige structuur. <\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\"><strong>Vette tekst beheersen met de Elementor Website Builder<\/strong><\/h2>\n\n<p>Laten we nu eens kijken hoe de Elementor websitebouwer het uitloden stroomlijnt en het moeiteloos maakt in het webontwerpproces.<\/p>\n\n<h3 class=\"wp-block-heading\"><strong>Tekst uitvouwen met Elementor<\/strong><\/h3>\n\n<p>De intu\u00eftieve visuele interface van Elementor neemt het giswerk weg uit het opmaken van tekst.\nMet drag-and-drop bewerken en live previews zie je direct het resultaat van je stylingkeuzes. <\/p>\n\n<h3 class=\"wp-block-heading\"><strong>Elementor en ontwerpbest practices<\/strong><\/h3>\n\n<p>Elementor maakt vette tekst niet alleen gemakkelijk; het moedigt ontwerppraktijken aan die in lijn zijn met de principes die we eerder hebben besproken.\nDit is hoe: <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Vooraf ontworpen sjablonen:<\/strong> De uitgebreide bibliotheek met sjablonen van Elementor biedt professioneel ontworpen lay-outs waarin vette tekst strategisch en effectief wordt gebruikt.\nDeze dienen als uitstekende startpunten of inspiratie voor je eigen ontwerpen. <\/li>\n\n\n\n<li><strong>Responsief ontwerp:<\/strong> Elementor zorgt ervoor dat je dikgedrukte tekst er geweldig uitziet op alle apparaten.\nMet de mobiele besturingselementen kun je de weergave van vetgedrukte tekst op kleinere schermen aanpassen, zodat de tekst leesbaar blijft op desktops, tablets en telefoons. <\/li>\n\n\n\n<li><strong>Typografie-instellingen:<\/strong> Elementor biedt nauwkeurige controle over de typografie van je site.\nMet een paar klikken kun je lettertypen kiezen met prachtige gewichten, standaard rubriekstijlen instellen en zorgen voor een perfecte visuele hi\u00ebrarchie. <\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\"><strong>Verder dan de basis: Geavanceerde technieken voor vouwen<\/strong><\/h2>\n\n<p>Als je er klaar voor bent om technischer te worden, laten we dan eens kijken naar een aantal manieren om je spel met vette letters te verbeteren.<\/p>\n\n<h3 class=\"wp-block-heading\"><strong>CSS-aanpassing  <\/strong><\/h3>\n\n<p>Hoewel Elementor veel stylingopties biedt, wil je misschien meer controle over het uitvergroten.\nMet CSS kun je dat: <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Doelgroepspecifieke elementen<\/strong>: Gebruik klassen of ID&#8217;s om vetgedrukte stijlen exclusief toe te passen op bepaalde koppen, knoppen of andere specifieke elementen op je website.<\/li>\n\n\n\n<li><strong>Aangepaste lettertype gewichten<\/strong>: De `font-weight` eigenschap is niet alleen beperkt tot &#8220;bold&#8221;.\nJe kunt experimenteren met numerieke waarden (bijvoorbeeld `font-weight: 600;` voor iets vetter, `font-weight: 300;` voor lichter).\nBrowsers zullen proberen een passend gewicht weer te geven op basis van het beschikbare lettertype.  <\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\"><strong>JavaScript<\/strong><\/h3>\n\n<p><strong>Belangrijk:<\/strong> Ik zou dit gedeelte alleen opnemen als het op een natuurlijke manier past binnen de context van geavanceerde technieken.\nJavaScript kan heel snel heel technisch worden. <\/p>\n\n<p>JavaScript opent de deur naar dynamische veteffecten, zoals:<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Tekst markeren bij zweven:<\/strong> Vette tekst toevoegen wanneer een gebruiker over bepaalde woorden beweegt.  <\/li>\n\n\n\n<li><strong>Contextueel vet weergeven<\/strong>: Automatisch specifieke trefwoorden of zinnen vet maken in je inhoud.<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\"><strong>Conclusie<\/strong><\/h2>\n\n<p>Wanneer vetgedrukte tekst strategisch wordt gebruikt, voegt het duidelijkheid en visuele impact toe aan je website.\nDenk eraan om leesbaarheid en harmonie in het ontwerp prioriteit te geven en laat de Elementor websitebouwer het hele proces stroomlijnen.\nCombineer de intu\u00eftieve tools van Elementor met de krachtige infrastructuur van Elementor Hosting en je ontsluit een wereld van snelle, impactvolle websites waar je belangrijkste content doorheen schijnt.  <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Is het je wel eens opgevallen hoe bepaalde woorden of zinnen op een website meteen je aandacht trekken? Dat is de kracht van vette tekst. Wanneer vetgedrukte tekst strategisch wordt gebruikt, legt het de nadruk, leidt het de aandacht van de lezer en cre\u00ebert het een dynamischere webervaring. Of je nu een verkoop onder de [&hellip;]<\/p>\n","protected":false},"author":2024234,"featured_media":112614,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[515],"tags":[],"marketing_persona":[],"marketing_intent":[],"class_list":["post-112613","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bronnen"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tekst vet maken in HTML en CSS<\/title>\n<meta name=\"description\" content=\"Is het je wel eens opgevallen hoe bepaalde woorden of zinnen op een website meteen je aandacht trekken? Dat is de kracht van vette tekst. Wanneer\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tekst vet maken in HTML en CSS\" \/>\n<meta property=\"og:description\" content=\"Is het je wel eens opgevallen hoe bepaalde woorden of zinnen op een website meteen je aandacht trekken? Dat is de kracht van vette tekst. Wanneer\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-23T08:32:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-25T09:00:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"5001\" \/>\n\t<meta property=\"og:image:height\" content=\"2618\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Itamar Haim\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Itamar Haim\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/\"},\"author\":{\"name\":\"Itamar Haim\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/5d24783541c454816685653dfed73377\"},\"headline\":\"Tekst vet maken in HTML en CSS\",\"datePublished\":\"2025-02-23T08:32:23+00:00\",\"dateModified\":\"2025-12-25T09:00:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/\"},\"wordCount\":1747,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png\",\"articleSection\":[\"Bronnen\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/\",\"name\":\"Tekst vet maken in HTML en CSS\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png\",\"datePublished\":\"2025-02-23T08:32:23+00:00\",\"dateModified\":\"2025-12-25T09:00:16+00:00\",\"description\":\"Is het je wel eens opgevallen hoe bepaalde woorden of zinnen op een website meteen je aandacht trekken? Dat is de kracht van vette tekst. Wanneer\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png\",\"width\":5001,\"height\":2618},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bronnen\",\"item\":\"https:\/\/elementor.com\/blog\/nl\/category\/bronnen\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Tekst vet maken in HTML en CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/5d24783541c454816685653dfed73377\",\"name\":\"Itamar Haim\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/830174068538633c83fd732c583ea1fe9d4c813314075640bf78d5a621982848?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/830174068538633c83fd732c583ea1fe9d4c813314075640bf78d5a621982848?s=96&d=mm&r=g\",\"caption\":\"Itamar Haim\"},\"description\":\"Itamar Haim, SEO Team Lead at Elementor, is a digital strategist merging SEO &amp; AEO \/ GEO, and web development. He leverages deep WordPress expertise to drive global organic growth, empowering businesses to navigate the AI era and ensuring top-tier search performance for millions of websites.\",\"sameAs\":[\"https:\/\/elementor.com\/blog\/author\/itamarha\/\",\"https:\/\/www.linkedin.com\/in\/itamar-haim-8149b85b\/\"],\"url\":\"https:\/\/elementor.com\/blog\/nl\/author\/itamarha\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tekst vet maken in HTML en CSS","description":"Is het je wel eens opgevallen hoe bepaalde woorden of zinnen op een website meteen je aandacht trekken? Dat is de kracht van vette tekst. Wanneer","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:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/","og_locale":"nl_NL","og_type":"article","og_title":"Tekst vet maken in HTML en CSS","og_description":"Is het je wel eens opgevallen hoe bepaalde woorden of zinnen op een website meteen je aandacht trekken? Dat is de kracht van vette tekst. Wanneer","og_url":"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2025-02-23T08:32:23+00:00","article_modified_time":"2025-12-25T09:00:16+00:00","og_image":[{"width":5001,"height":2618,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png","type":"image\/png"}],"author":"Itamar Haim","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Geschreven door":"Itamar Haim","Geschatte leestijd":"9 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/"},"author":{"name":"Itamar Haim","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/5d24783541c454816685653dfed73377"},"headline":"Tekst vet maken in HTML en CSS","datePublished":"2025-02-23T08:32:23+00:00","dateModified":"2025-12-25T09:00:16+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/"},"wordCount":1747,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/nl\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png","articleSection":["Bronnen"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/","url":"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/","name":"Tekst vet maken in HTML en CSS","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png","datePublished":"2025-02-23T08:32:23+00:00","dateModified":"2025-12-25T09:00:16+00:00","description":"Is het je wel eens opgevallen hoe bepaalde woorden of zinnen op een website meteen je aandacht trekken? Dat is de kracht van vette tekst. Wanneer","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png","width":5001,"height":2618},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/nl\/tekst-vet-maken-in-html-en-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/nl\/"},{"@type":"ListItem","position":2,"name":"Bronnen","item":"https:\/\/elementor.com\/blog\/nl\/category\/bronnen\/"},{"@type":"ListItem","position":3,"name":"Tekst vet maken in HTML en CSS"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/nl\/#website","url":"https:\/\/elementor.com\/blog\/nl\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/nl\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/5d24783541c454816685653dfed73377","name":"Itamar Haim","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/830174068538633c83fd732c583ea1fe9d4c813314075640bf78d5a621982848?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/830174068538633c83fd732c583ea1fe9d4c813314075640bf78d5a621982848?s=96&d=mm&r=g","caption":"Itamar Haim"},"description":"Itamar Haim, SEO Team Lead at Elementor, is a digital strategist merging SEO &amp; AEO \/ GEO, and web development. He leverages deep WordPress expertise to drive global organic growth, empowering businesses to navigate the AI era and ensuring top-tier search performance for millions of websites.","sameAs":["https:\/\/elementor.com\/blog\/author\/itamarha\/","https:\/\/www.linkedin.com\/in\/itamar-haim-8149b85b\/"],"url":"https:\/\/elementor.com\/blog\/nl\/author\/itamarha\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/112613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/users\/2024234"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/comments?post=112613"}],"version-history":[{"count":3,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/112613\/revisions"}],"predecessor-version":[{"id":148795,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/112613\/revisions\/148795"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/media\/112614"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/media?parent=112613"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/categories?post=112613"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/tags?post=112613"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/marketing_persona?post=112613"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/marketing_intent?post=112613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}