{"id":126482,"date":"2021-04-28T11:18:39","date_gmt":"2021-04-28T11:18:39","guid":{"rendered":"https:\/\/elementor.com\/blog\/de-20-beste-typografie-tutorials-voor-webdesigners\/"},"modified":"2025-12-28T20:31:32","modified_gmt":"2025-12-28T18:31:32","slug":"de-20-beste-typografie-tutorials-voor-webdesigners","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/","title":{"rendered":"De 20 Beste Typografie Tutorials voor Webdesigners"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"126482\" class=\"elementor elementor-126482 elementor-65529\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-97376b3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"97376b3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3a36000\" data-id=\"3a36000\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-777ee12 elementor-widget elementor-widget-text-editor\" data-id=\"777ee12\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Sommige webdesigners zien <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/best-fonts-for-websites\/\" title=\"typografie\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"5384\">typografie<\/a> misschien als een van de minst belangrijke elementen van webdesign, maar het kan de gebruikerservaring maken of breken op verschillende manieren. <\/p>\n<p>Goede <a href=\"https:\/\/elementor.com\/blog\/typography-trends\/\" target=\"_blank\" rel=\"noopener\">typografiekeuzes<\/a> kunnen de leesbaarheid, merkherkenbaarheid, toegankelijkheid en conversieratio versterken. Slechte typografiekeuzes kunnen daarentegen deze factoren verzwakken en de ervaring van de gebruiker verpesten. <\/p>\n<p>Typografie is dus een belangrijk aspect van webdesign, en iets dat elke designer zou moeten leren als ze <a href=\"https:\/\/elementor.com\/blog\/start-web-design-business\/\" target=\"_blank\" rel=\"noopener\">een webdesignbedrijf beginnen<\/a>. Gelukkig staat het internet vol met handige typografie tutorials en <a href=\"https:\/\/elementor.com\/blog\/best-online-web-design-courses\/\" target=\"_blank\" rel=\"noopener\">cursussen voor webdesigners<\/a>.<\/p>\n<p>In dit artikel gaan we 20 webdesign tutorials bekijken. Hoewel veel van deze tutorials gratis online beschikbaar zijn, hebben we ook een paar betaalde online cursussen toegevoegd. Als je probeert om <a href=\"https:\/\/elementor.com\/blog\/find-web-design-work\/\" target=\"_blank\" rel=\"noopener\">webdesign werk te vinden<\/a>, moet je jezelf kunnen onderscheiden, en een certificaat van een erkende instelling of cursusaanbieder kan daarbij helpen.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89256a4 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"89256a4\" data-element_type=\"widget\" data-gac=\"CTA_Elements\" data-gaa=\"Link\" data-gal=\"Position_Text_CTA\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/elementor.com\/blog\/typography-trends\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ontdek de Nieuwste Typografie Trends en Laat Je Inspireren <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df572ce blog-toc elementor-widget elementor-widget-heading\" data-id=\"df572ce\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Inhoudsopgave<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6079d99 blog-toc elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"6079d99\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#twenty-amazing-online-typography-tutorials\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">20 Geweldige Online Typografie Tutorials<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#web-typography-the-complete-guide-for-designers\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">1. Webtypografie: De Complete Gids voor Designers<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-add-custom-fonts-to-your-wordpress-website\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">2. Hoe Je Aangepaste Lettertypen Toevoegt aan Je WordPress Website<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-use-elementors-global-colors-and-fonts\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">3. Hoe Je Elementor's Globale Kleuren  Lettertypen Gebruikt<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#the-ultimate-guide-to-basic-typography\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">4. De Ultieme Gids voor Basis Typografie<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#typography-tutorial-for-beginners-everything-you-need-to-learn-typography-basics\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">5. Typografie Tutorial voor Beginners: Alles Wat Je Moet Weten over de Basis van Typografie<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#introduction-to-typography\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">6. Introductie tot Typografie<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#the-psychology-of-fonts\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">7. De Psychologie van Lettertypen (Lettertypen die Emotie Oproepen)<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#web-typography-for-designers-and-developers\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">8. Webtypografie voor Designers  Developers<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#textual-elements-of-design-fonts-typography-and-spacing\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">9. Tekstuele Elementen van Design: Lettertypen, Typografie en Spacing<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#typography-for-designers-and-developers\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">10. Typografie voor Designers  Developers - Zuig Niet in Design<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#when-to-use-each-font-type\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">11. Wanneer Je Elk Lettertype Moet Gebruiken (en Wanneer Niet)!<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-know-if-a-font-is-good-or-if-it-sucks\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">12. Hoe Weet Je of een Lettertype Goed is of dat Het Zuigt?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#choosing-web-fonts-a-beginners-guide\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">13. Weblettertypen Kiezen: Een Gids voor Beginners<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-choose-fonts-for-your-designs\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">14. Hoe Je Lettertypen Kiest voor Je Designs<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-choose-fonts\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">15. Hoe Je Lettertypen Kiest<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#pocket-guide-to-combining-typefaces\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">16. Zakgids voor het Combineren van Lettertypen<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-change-font-in-wordpress-theme\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">17. Hoe Je het Lettertype in WordPress Thema Verandert (Elk Thema)<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#modern-css-techniques-to-improve-legibility\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">18. Moderne CSS Technieken om Leesbaarheid te Verbeteren<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#introduction-to-variable-fonts-on-the-web\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">19. Introductie tot Variabele Lettertypen op het Web<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#learn-how-to-use-type\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">20. Leer Hoe Je Type Gebruikt\u2014 Typografie Handmatige Kritiek<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd6b461 elementor-widget elementor-widget-menu-anchor\" data-id=\"cd6b461\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"twintig-geweldige-online-typografie-tutorials\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5bb277 elementor-widget elementor-widget-heading\" data-id=\"b5bb277\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">20 Geweldige Online Typografie Tutorials\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6770ca3 elementor-widget elementor-widget-text-editor\" data-id=\"6770ca3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Van basis typografie termen tot het optimaliseren van lettertypen met <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-is-css\/\" title=\"CSS\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"4447\">CSS<\/a>, we hebben de beste typografie tutorials voor designers verzameld.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d8bffd elementor-widget elementor-widget-menu-anchor\" data-id=\"0d8bffd\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"webtypografie-de-complete-gids-voor-designers\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d4af80 elementor-widget elementor-widget-heading\" data-id=\"7d4af80\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1. Webtypografie: De Complete Gids voor Designers\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a14ee3b elementor-widget elementor-widget-image\" data-id=\"a14ee3b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/brand_blog_post-02-r4q731bklp634w52h7rxehqkqh60eodkn332oi8628.png\" title=\"elementor-typography\" alt=\"elementor-typography\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de5fa1b elementor-widget elementor-widget-text-editor\" data-id=\"de5fa1b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau:<\/strong> Beginner tot Gevorderd<\/p>\n<p><strong>Duur:<\/strong> 30 minuten<\/p>\n<p><strong>Kosten:<\/strong> Gratis<\/p>\n<p>Deze <a href=\"https:\/\/elementor.com\/blog\/guide-to-web-typography\/\" target=\"_blank\" rel=\"noopener\">typografie tutorial komt van Elementor<\/a>, wat betekent dat je meer gaat leren dan alleen hoe je typografie in webdesign gebruikt. Je gaat leren hoe je dit allemaal in de praktijk brengt \u2014 dingen als opmaak, visuele hi\u00ebrarchie opzetten, een ontwerpsysteem maken, enzovoort \u2014 binnen de context van WordPress en <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/\" title=\"Elementor\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"1115\">Elementor<\/a>.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb0b5cc elementor-widget elementor-widget-menu-anchor\" data-id=\"cb0b5cc\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"hoe-je-aangepaste-lettertypen-toevoegt-aan-je-wordpress-website\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f20c97 elementor-widget elementor-widget-heading\" data-id=\"4f20c97\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2. Hoe Je Aangepaste Lettertypen Toevoegt aan Je WordPress Website\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea6a7e6 elementor-widget elementor-widget-image\" data-id=\"ea6a7e6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/maxresdefault-r4q72q1iboqn9klgb2wekkl1luplub4slj98x6owcy.jpg\" title=\"using-custom-fonts-elementor\" alt=\"using-custom-fonts-elementor\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bdc4626 elementor-widget elementor-widget-text-editor\" data-id=\"bdc4626\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau:<\/strong> Beginner tot Gevorderd<\/p>\n<p><strong>Duur:<\/strong> 17:31<\/p>\n<p><strong>Kosten:<\/strong> Gratis<\/p>\n<p>Soms heeft WordPress niet de specifieke lettertypen die je wilt gebruiken. Dus, met deze <a href=\"https:\/\/elementor.com\/blog\/custom-fonts\/\" target=\"_blank\" rel=\"noopener\">typografie tutorial van Elementor<\/a> leer je wat je opties zijn om aangepaste lettertypen toe te voegen aan een WordPress site. Je kunt ze handmatig toevoegen aan WordPress met CSS of je kunt ze uploaden naar Elementor en ze vanuit de editor gebruiken.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2aa7f20 elementor-widget elementor-widget-menu-anchor\" data-id=\"2aa7f20\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"hoe-je-elementors-globale-kleuren-en-lettertypen-gebruikt\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af1c631 elementor-widget elementor-widget-heading\" data-id=\"af1c631\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3. Hoe Je Elementor's Globale Kleuren  Lettertypen Gebruikt\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10605f1 elementor-widget elementor-widget-image\" data-id=\"10605f1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/maxresdefault-1-r4q75xnnob4wxlxijyvil9eqo8vr52vs1fhyy7xh3m.jpg\" title=\"elementor-global-colors\" alt=\"elementor-global-colors\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c923823 elementor-widget elementor-widget-text-editor\" data-id=\"c923823\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau:<\/strong> Beginner tot Gevorderd<\/p>\n<p><strong>Duur:<\/strong> 6:50<\/p>\n<p><strong>Kosten:<\/strong> Gratis<\/p>\n<p>In deze <a href=\"https:\/\/www.youtube.com\/watch?v=CjdFxKPPikU\">video van Elementor<\/a> leer je alles over de <a href=\"https:\/\/elementor.com\/features\/global-settings\/\" target=\"_blank\" rel=\"noopener\">Globale Instellingen functie<\/a> in de Elementor editor. Deze tutorial laat je zien hoe je deze functie gebruikt om zowel kleuren als lettertypen in te stellen en hoe deze vervolgens site-breed worden toegepast. Dus, als je tijd wilt besparen bij het updaten van je lettertypen en meer consistentie wilt brengen in elke site die je bouwt, is deze korte video tutorial een must-see.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de04097 elementor-widget elementor-widget-menu-anchor\" data-id=\"de04097\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"de-ultieme-gids-voor-basis-typografie\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a849a8 elementor-widget elementor-widget-heading\" data-id=\"7a849a8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">4. De Ultieme Gids voor Basis Typografie\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5e3ee0 elementor-widget elementor-widget-image\" data-id=\"e5e3ee0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/0-Envato-Tuts-r4q76fila5td277knolfemwhykfq7buofvw72h6zte.jpg\" title=\"Envato Tuts\" alt=\"Envato Tuts\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7623e83 elementor-widget elementor-widget-text-editor\" data-id=\"7623e83\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau:<\/strong> Beginner<\/p>\n<p><strong>Duur:<\/strong> 10:33<\/p>\n<p><strong>Kosten:<\/strong> Gratis<\/p>\n<p>De naam van deze <a href=\"https:\/\/www.youtube.com\/watch?v=ZLaG1migE00\">video tutorial van Envato Tuts+<\/a> is een beetje misleidend. Het zou eigenlijk moeten heten &#8220;De Ultieme Gids voor Basis Typografie <strong>Terminologie<\/strong>&#8220;. Dat gezegd hebbende, als je helemaal nieuw bent in typografie, is dit een belangrijke eerste stap voor je. Maak kennis met termen gerelateerd aan typografie, lettertypen, bestandstypen, lettertype structuur, tekstopmaak en meer.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3bea41 elementor-widget elementor-widget-menu-anchor\" data-id=\"b3bea41\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"typografie-tutorial-voor-beginners-alles-wat-je-moet-weten-over-typografie-basics\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c00add4 elementor-widget elementor-widget-heading\" data-id=\"c00add4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">5. Typografie Tutorial voor Beginners: Alles Wat Je Moet Weten Over Typografie Basics\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25e2422 elementor-widget elementor-widget-image\" data-id=\"25e2422\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/Untitled-6-01-r4q74mnq6lckt3ts6ek64l9oyzbeg7p76yvoydv4u8.png\" title=\"hubspot-typography-tutorial\" alt=\"hubspot-typography-tutorial\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc12784 elementor-widget elementor-widget-text-editor\" data-id=\"dc12784\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau:<\/strong> Beginner<\/p>\n<p><strong>Duur:<\/strong> 18 minuten lezen<\/p>\n<p><strong>Kosten:<\/strong> Gratis<\/p>\n<p>Deze <a href=\"https:\/\/blog.hubspot.com\/marketing\/typography-terms-introduction\">typografie tutorial van Hubspot<\/a> is nog een nuttige introductie tot typografie in design. Je leert gangbare termen, verschillende stijlen van typografie, en ook waar je je lettertypen vandaan kunt halen.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ee80ff elementor-widget elementor-widget-menu-anchor\" data-id=\"5ee80ff\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"introductie-tot-typografie\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db1f80e elementor-widget elementor-widget-heading\" data-id=\"db1f80e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">6. Introductie tot Typografie\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9962fc elementor-widget elementor-widget-image\" data-id=\"f9962fc\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"720\" height=\"262\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=262\/blog\/wp-content\/uploads\/2021\/04\/2-coursera-intro-typography.png\" class=\"attachment-medium_large size-medium_large wp-image-65566\" alt=\"coursera-intro-typography\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/04\/2-coursera-intro-typography.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/2-coursera-intro-typography-300x109.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6596859 elementor-widget elementor-widget-text-editor\" data-id=\"6596859\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau:<\/strong> Beginner<\/p>\n<p><strong>Duur:<\/strong> 8 uur<\/p>\n<p><strong>Kosten:<\/strong> Gratis<\/p>\n<p>Als je op zoek bent naar iets diepgaanders voor je intro in typografie, is <a href=\"https:\/\/www.coursera.org\/learn\/typography\">deze cursus van het California Institute of the Arts<\/a> een goede keuze. Je kunt je gratis inschrijven voor deze cursus, wat een enorm pluspunt is aangezien je er een hoop nuttige informatie uit gaat halen. Je leert over de geschiedenis van typografie, de structuur ervan, hoe je het kunt gebruiken om een verhaal te vertellen, hoe je het uiterlijk kunt manipuleren, en meer.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0263d6a elementor-widget elementor-widget-menu-anchor\" data-id=\"0263d6a\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"de-psychologie-van-lettertypen\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7241b20 elementor-widget elementor-widget-heading\" data-id=\"7241b20\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">7. De Psychologie van Lettertypen (Lettertypen Die Emotie Oproepen)\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c9e7b9 elementor-widget elementor-widget-image\" data-id=\"2c9e7b9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"720\" height=\"624\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=624\/blog\/wp-content\/uploads\/2021\/04\/3-envatotuts-psychology-fonts.png\" class=\"attachment-medium_large size-medium_large wp-image-65567\" alt=\"envatotuts-psychology-fonts\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/04\/3-envatotuts-psychology-fonts.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/3-envatotuts-psychology-fonts-300x260.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86ee7f0 elementor-widget elementor-widget-text-editor\" data-id=\"86ee7f0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau:<\/strong> Beginner<\/p>\n<p><strong>Duur:<\/strong> 15 minuten<\/p>\n<p><strong>Kosten:<\/strong> Gratis<\/p>\n<p>Als je nieuw bent in design, zal deze <a href=\"https:\/\/design.tutsplus.com\/articles\/the-psychology-of-fonts--cms-34943\">tutorial van Envato Tuts+<\/a> dienen als een geweldige introductie tot de psychologie van lettertypen. Vergelijkbaar met de psychologie van kleur, leer je de gebruikelijke emotionele reacties op en associaties met bepaalde lettertypen en krijg je tips over hoe je deze in je voordeel kunt gebruiken.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8be04b elementor-widget elementor-widget-menu-anchor\" data-id=\"a8be04b\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"web-typografie-voor-ontwerpers-en-ontwikkelaars\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c80239a elementor-widget elementor-widget-heading\" data-id=\"c80239a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">8. Web Typografie voor Ontwerpers  Ontwikkelaars\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93afaed elementor-widget elementor-widget-image\" data-id=\"93afaed\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"720\" height=\"429\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=429\/blog\/wp-content\/uploads\/2021\/04\/4-udemy-web-typography.png\" class=\"attachment-medium_large size-medium_large wp-image-65568\" alt=\"udemy-web-typography\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/04\/4-udemy-web-typography.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/4-udemy-web-typography-300x179.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5661334 elementor-widget elementor-widget-text-editor\" data-id=\"5661334\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau:<\/strong> Beginner tot Gevorderd<\/p>\n<p><strong>Duur:<\/strong> 6,5 uur<\/p>\n<p><strong>Kosten:<\/strong> \u20ac109,99<\/p>\n<p>Deze <a href=\"https:\/\/www.udemy.com\/course\/web-typography-for-designers-developers\/\">Udemy cursus over web typografie<\/a> wordt gegeven door Rob Sutcliffe van de Interface School. Dit is een vrij technisch overzicht van typografie, waarin de verschillende soorten classificaties worden onderzocht, tips voor het kiezen en combineren van lettertypen, het leesbaar en <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/responsive-website\/\" title=\"responsief\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"7342\">responsive<\/a> maken van je web typografie, en veel meer.<\/p>\n<p>Om het meeste uit deze cursus te halen, moet je enige kennis hebben van HTML, CSS en JavaScript. Dat betekent niet dat je je niet moet inschrijven als je een nieuwe ontwerper bent \u2014 je krijgt levenslange toegang, dus je kunt er altijd naar terugkeren als je je vaardigheden op dat gebied hebt bijgeschaafd.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42f6c3f elementor-widget elementor-widget-menu-anchor\" data-id=\"42f6c3f\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"tekstuele-elementen-van-ontwerp-lettertypen-typografie-en-afstand\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f090343 elementor-widget elementor-widget-heading\" data-id=\"f090343\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">9. Tekstuele Elementen van Ontwerp: Lettertypen, Typografie en Afstand\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1702bdc elementor-widget elementor-widget-image\" data-id=\"1702bdc\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"301\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=301\/blog\/wp-content\/uploads\/2021\/04\/5-coursera-textual-elements-design.png\" class=\"attachment-medium_large size-medium_large wp-image-65569\" alt=\"coursera-textual-elements-design\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/04\/5-coursera-textual-elements-design.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/5-coursera-textual-elements-design-300x125.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ee6317 elementor-widget elementor-widget-text-editor\" data-id=\"0ee6317\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau:<\/strong> Beginner<\/p>\n<p><strong>Duur:<\/strong> 13 uur<\/p>\n<p><strong>Kosten:<\/strong> Gratis<\/p>\n<p>Deze <a href=\"https:\/\/www.coursera.org\/learn\/fonts-typography-spacing\">cursus van de Universiteit van Colorado Boulder<\/a> is beschikbaar op de Coursera website. Dit is een lange cursus, waarin je leert hoe je tekstuele elementen kunt manipuleren om een verhaal te vertellen met je ontwerp. De cursus behandelt de basics en gaat dan verder met typografie-afstand, het kiezen van lettertypen, lettertype-combinaties en meer.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06ae124 elementor-widget elementor-widget-menu-anchor\" data-id=\"06ae124\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"typografie-voor-ontwerpers-en-ontwikkelaars\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e05275 elementor-widget elementor-widget-heading\" data-id=\"6e05275\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">10. Typografie voor Ontwerpers  Ontwikkelaars - Zuig Niet in Ontwerp\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d476a5a elementor-widget elementor-widget-image\" data-id=\"d476a5a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"405\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=405\/blog\/wp-content\/uploads\/2021\/04\/6-dont-suck-at-design-tutorial.png\" class=\"attachment-medium_large size-medium_large wp-image-65570\" alt=\"dont-suck-at-design-tutorial\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/04\/6-dont-suck-at-design-tutorial.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/6-dont-suck-at-design-tutorial-300x169.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8aea0cc elementor-widget elementor-widget-text-editor\" data-id=\"8aea0cc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Vaardigheidsniveau:<\/strong> Gevorderd<\/p>\n<p><strong>Duur:<\/strong> 8,5 uur<\/p>\n<p><strong>Kosten:<\/strong> $99,99<\/p>\n<p>Muhammad Ahsan Pervaiz is de maker van deze 4,5-sterren <a href=\"https:\/\/www.udemy.com\/course\/typography-mastery-for-ui-designers-and-developers\/\">Udemy-cursus over typografie<\/a>. Als je uitgebreide training wilt in typografie-basics, typografie aanpassen, lettertypen kiezen en combineren, en meer, dan is dit een fantastische cursus om te volgen. Oefeningen zijn ingebouwd in de cursus, dus je krijgt ook hands-on ervaring met het implementeren van alles wat je leert terwijl je bezig bent.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fac3830 elementor-widget elementor-widget-menu-anchor\" data-id=\"fac3830\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"wanneer-gebruik-je-elk-lettertype\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea89cbc elementor-widget elementor-widget-heading\" data-id=\"ea89cbc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">11. Wanneer Gebruik Je Elk Lettertype (en Wanneer Niet)!\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f5e04b6 elementor-widget elementor-widget-image\" data-id=\"f5e04b6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=432\/blog\/wp-content\/uploads\/2021\/04\/envato-tuts-2-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-65582\" alt=\"envato-tuts-2\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/envato-tuts-2-768x432.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/envato-tuts-2-300x169.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/04\/envato-tuts-2-1024x576.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1280\/blog\/wp-content\/uploads\/2021\/04\/envato-tuts-2.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cacb871 elementor-widget elementor-widget-text-editor\" data-id=\"cacb871\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau:<\/strong> Beginner<\/p>\n<p><strong>Duur:<\/strong> 12:55<\/p>\n<p><strong>Kosten:<\/strong> Gratis<\/p>\n<p>Veel van de tutorials en cursussen die je tot nu toe op deze lijst hebt gezien, hebben het onderwerp lettertypen aangestipt. Maar deze <a href=\"https:\/\/www.youtube.com\/watch?v=RJ4k6FI_LYQ\">Envato Tuts+ tutorial<\/a> gaat echt diep in op het onderwerp, en breekt de verschillende types <strong>en<\/strong> subcategorie\u00ebn van lettertypen af. Door te leren hoe je de verschillen in structuur kunt identificeren, zul je veel makkelijker de juiste typografische stijlen voor je sites kunnen kiezen.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbd6082 elementor-widget elementor-widget-menu-anchor\" data-id=\"dbd6082\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"hoe-weet-je-of-een-lettertype-goed-is-of-dat-het-zuigt\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32830e0 elementor-widget elementor-widget-heading\" data-id=\"32830e0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">12. Hoe Weet Je of een Lettertype Goed is of dat het Zuigt?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e501867 elementor-widget elementor-widget-image\" data-id=\"e501867\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=432\/blog\/wp-content\/uploads\/2021\/04\/flux-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-65583\" alt=\"flux\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/flux-768x432.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/flux-300x169.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/04\/flux-1024x576.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1280\/blog\/wp-content\/uploads\/2021\/04\/flux.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad8abfa elementor-widget elementor-widget-text-editor\" data-id=\"ad8abfa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau:<\/strong> Beginner<\/p>\n<p><strong>Duur:<\/strong> 9:58<\/p>\n<p><strong>Kosten:<\/strong> Gratis<\/p>\n<p>Deze typografie <a href=\"https:\/\/www.youtube.com\/watch?v=kd42Y2pV6KI\">tutorial van Flux<\/a> gaat helemaal over het vinden van kwaliteitslettertypen voor je websites. De discussie draait vooral om hoe webontwerpers kwalitatief hoogwaardige lettergieterijen en websites kunnen vinden om hun lettertypen te sourken. Want zelfs als je begrijpt welk type lettertype je nodig hebt, kan een slecht gemaakt lettertype (zelfs als het bij die stijl past) al je harde werk teniet doen. Deze tutorial helpt je dat probleem te vermijden.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4a6c42 elementor-widget elementor-widget-menu-anchor\" data-id=\"e4a6c42\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"weblettertypen-kiezen-een-gids-voor-beginners\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fef918a elementor-widget elementor-widget-heading\" data-id=\"fef918a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">13. Weblettertypen Kiezen: Een Gids voor Beginners\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-619c077 elementor-widget elementor-widget-image\" data-id=\"619c077\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"377\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=377\/blog\/wp-content\/uploads\/2021\/04\/google-design-768x377.png\" class=\"attachment-medium_large size-medium_large wp-image-65593\" alt=\"google-design\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/google-design-768x377.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/google-design-300x147.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/04\/google-design-1024x503.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2021\/04\/google-design-1536x755.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1831\/blog\/wp-content\/uploads\/2021\/04\/google-design.png 1831w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a81209b elementor-widget elementor-widget-text-editor\" data-id=\"a81209b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau:<\/strong> Beginner<\/p>\n<p><strong>Duur:<\/strong> 10 minuten<\/p>\n<p><strong>Kosten:<\/strong> Gratis<\/p>\n<p>Dit is een <a href=\"https:\/\/design.google\/library\/choosing-web-fonts-beginners-guide\/\">praktische gids van Google Design<\/a> over hoe je kunt bepalen welke <a href=\"https:\/\/elementor.com\/blog\/web-fonts\/\" target=\"_blank\" rel=\"noopener\">weblettertypen<\/a> de juiste zijn voor elke website die je bouwt. De tutorial neemt je mee door een reeks factoren, zoals projectomvang en meertalig ontwerp, en wijst je vervolgens naar Google Fonts die aan de behoeften van je project voldoen.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99337a7 elementor-widget elementor-widget-menu-anchor\" data-id=\"99337a7\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"hoe-kies-je-lettertypen-voor-je-ontwerpen\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5a3a83 elementor-widget elementor-widget-heading\" data-id=\"c5a3a83\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">14. Hoe Kies Je Lettertypen voor Je Ontwerpen\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae34a2f elementor-widget elementor-widget-image\" data-id=\"ae34a2f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=432\/blog\/wp-content\/uploads\/2021\/04\/flux-2-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-65597\" alt=\"satori-graphics\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/flux-2-768x432.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/flux-2-300x169.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/04\/flux-2-1024x576.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1280\/blog\/wp-content\/uploads\/2021\/04\/flux-2.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c32f441 elementor-widget elementor-widget-text-editor\" data-id=\"c32f441\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau:<\/strong> Beginner<\/p>\n<p><strong>Duur:<\/strong> 7:35<\/p>\n<p><strong>Kosten:<\/strong> Gratis<\/p>\n<p>In deze <a href=\"https:\/\/www.youtube.com\/watch?v=IviIMAItx2s\">stap-voor-stap gids van Satori Graphics<\/a>, krijg je praktische begeleiding en tips voor het kiezen van lettertypen voor je projecten. Hoewel er hier veel nadruk ligt op grafisch ontwerp, kun je dezelfde vijf stappen toepassen bij het kiezen en combineren van lettertypen voor alles waaraan je werkt, of het nu een website, app, logo of een ander type gemerkt materiaal is.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a789d7f elementor-widget elementor-widget-menu-anchor\" data-id=\"a789d7f\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"hoe-kies-je-lettertypen\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b5f46e elementor-widget elementor-widget-heading\" data-id=\"3b5f46e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">15. Hoe Kies Je Lettertypen\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7f055d elementor-widget elementor-widget-image\" data-id=\"e7f055d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=432\/blog\/wp-content\/uploads\/2021\/04\/flux2-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-65599\" alt=\"flux2\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/flux2-768x432.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/flux2-300x169.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/04\/flux2-1024x576.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1280\/blog\/wp-content\/uploads\/2021\/04\/flux2.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7d70bc elementor-widget elementor-widget-text-editor\" data-id=\"a7d70bc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau:<\/strong> Beginner<\/p>\n<p><strong>Duur:<\/strong> 9:41<\/p>\n<p><strong>Kosten:<\/strong> Gratis<\/p>\n<p>Deze <a href=\"https:\/\/www.youtube.com\/watch?v=obZX8oIjia4\">YouTube-tutorial van Flux<\/a> leert je hoe je kunt afstappen van het maken van lettertype-keuzes op basis van aannames of wat je gevoel je vertelt. In plaats daarvan ga je lettertype-selectie benaderen op basis van utilitarisme. En je krijgt wat hulp bij het vinden van lettergieterijen die grafische voorbeelden leveren, zodat je weer niet alleen afgaat op wat je gevoel je vertelt over hoe goed een lettertype eruit zal zien.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5804192 elementor-widget elementor-widget-menu-anchor\" data-id=\"5804192\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"zakgids-voor-het-combineren-van-lettertypen\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e8df90 elementor-widget elementor-widget-heading\" data-id=\"7e8df90\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">16. Zakgids voor het Combineren van Lettertypen\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a9235b elementor-widget elementor-widget-image\" data-id=\"4a9235b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"322\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=322\/blog\/wp-content\/uploads\/2021\/04\/8-typekit-typography-pocket-guide-768x322.png\" class=\"attachment-medium_large size-medium_large wp-image-65572\" alt=\"typekit-typography-pocket-guide\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/8-typekit-typography-pocket-guide-768x322.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/8-typekit-typography-pocket-guide-300x126.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1018\/blog\/wp-content\/uploads\/2021\/04\/8-typekit-typography-pocket-guide.png 1018w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9368ace elementor-widget elementor-widget-text-editor\" data-id=\"9368ace\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Vaardigheidsniveau:<\/strong> Beginner tot Gemiddeld<\/p>\n<p><strong>Duur:<\/strong> 1 uur<\/p>\n<p><strong>Kosten:<\/strong> Gratis<\/p>\n<p><a href=\"https:\/\/elementor.com\/blog\/font-pairing\/\" target=\"_blank\" rel=\"noopener\">Lettertypen combineren<\/a> is zeker een kunst. Dus, als je gaat leren hoe je dat moet doen, moet het van een van de leiders in de ontwerpruimte zijn. Deze <a href=\"https:\/\/blog.typekit.com\/2016\/04\/29\/combining-typefaces-free-guide-to-great-typography\/\">pocket guide<\/a> is gemaakt door Tim Brown, het Hoofd Typografie voor Adobe Typekit  Adobe Type. Deze gids leert je hoe je kunt bepalen welke taken je fonts moeten vervullen, hoe je een ankerfont kiest, hoe je fonts identificeert die het anker aanvullen, en dan objectief je combinatie kunt beoordelen.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b8e2e4 elementor-widget elementor-widget-menu-anchor\" data-id=\"8b8e2e4\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"how-to-change-font-in-wordpress-theme\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-673c2a3 elementor-widget elementor-widget-heading\" data-id=\"673c2a3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">17. Hoe je het lettertype in een WordPress-thema verandert (Elk thema)\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c6a529 elementor-widget elementor-widget-image\" data-id=\"9c6a529\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"521\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=521\/blog\/wp-content\/uploads\/2021\/04\/9-themeisle-change-font-wordpress.png\" class=\"attachment-medium_large size-medium_large wp-image-65573\" alt=\"themeisle-change-font-wordpress\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/04\/9-themeisle-change-font-wordpress.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/9-themeisle-change-font-wordpress-300x217.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a9714e elementor-widget elementor-widget-text-editor\" data-id=\"5a9714e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau:<\/strong> Beginner<\/p>\n<p><strong>Duur:<\/strong> 10 minuten<\/p>\n<p><strong>Kosten:<\/strong> Gratis<\/p>\n<p>Deze <a href=\"https:\/\/themeisle.com\/blog\/how-to-change-font-in-wordpress-theme\/\">simpele tutorial van ThemeIsle<\/a> geeft je twee opties om lettertypen in WordPress te veranderen. Je kunt webfonts selecteren vanuit de WordPress Customizer. Of je kunt de Easy Google Fonts plugin installeren en Google Fonts instellen via de Customizer. Er is ook nog een bonusoptie, maar het is beter om de universele lettertype-instellingen van WordPress te gebruiken in plaats van lettertypen per blok of pagina te veranderen.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-77dff06 elementor-widget elementor-widget-menu-anchor\" data-id=\"77dff06\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"modern-css-techniques-to-improve-legibility\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54c7ecd elementor-widget elementor-widget-heading\" data-id=\"54c7ecd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">18. Moderne CSS-technieken om leesbaarheid te verbeteren\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0ad158 elementor-widget elementor-widget-image\" data-id=\"b0ad158\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"478\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=478\/blog\/wp-content\/uploads\/2021\/04\/smashing-magazine-1-768x478.png\" class=\"attachment-medium_large size-medium_large wp-image-65604\" alt=\"smashing-magazine\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/smashing-magazine-1-768x478.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/smashing-magazine-1-300x187.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/04\/smashing-magazine-1-1024x638.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1318\/blog\/wp-content\/uploads\/2021\/04\/smashing-magazine-1.png 1318w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67f3f17 elementor-widget elementor-widget-text-editor\" data-id=\"67f3f17\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Vaardigheidsniveau:<\/strong> Gemiddeld tot Gevorderd<\/p>\n<p><strong>Duur:<\/strong> 11 minuten<\/p>\n<p><strong>Kosten:<\/strong> Gratis<\/p>\n<p>Edoarda Cavazza schreef dit geweldige <a href=\"https:\/\/www.smashingmagazine.com\/2020\/07\/css-techniques-legibility\/\">artikel voor Smashing Magazine<\/a> dat gaat over het gebruik van CSS om de leesbaarheid en toegankelijkheid van je websitetypografie te verbeteren. Deze tutorial gaat specifiek in op het gebruik van witruimte om de beste leeservaring voor bezoekers te cre\u00ebren. Als je nog niets weet over kerning, leading of tracking, of als je geen basiskennis van CSS hebt, begin dan aan het begin van deze lijst met typografietutorials en kom later terug naar deze.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b90e10d elementor-widget elementor-widget-menu-anchor\" data-id=\"b90e10d\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"introduction-to-variable-fonts-on-the-web\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff5cc38 elementor-widget elementor-widget-heading\" data-id=\"ff5cc38\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">19. Introductie tot variabele lettertypen op het web\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6980366 elementor-widget elementor-widget-image\" data-id=\"6980366\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"195\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=195\/blog\/wp-content\/uploads\/2021\/04\/11-webdev-variable-fonts.png\" class=\"attachment-medium_large size-medium_large wp-image-65575\" alt=\"webdev-variable-fonts\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/04\/11-webdev-variable-fonts.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/11-webdev-variable-fonts-300x81.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e2470f elementor-widget elementor-widget-text-editor\" data-id=\"4e2470f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Vaardigheidsniveau:<\/strong> Gemiddeld tot Gevorderd<\/p>\n<p><strong>Duur:<\/strong> 20 minuten<\/p>\n<p><strong>Kosten:<\/strong> Gratis<\/p>\n<p>Variabele lettertypen zijn relatief nieuw, maar ze krijgen snel support in alle browsers, wat betekent dat het tijd is voor ontwerpers en ontwikkelaars om ze te gaan gebruiken (als je dat nog niet doet). Zoals het <a href=\"https:\/\/web.dev\/variable-fonts\/\">Google Developers team uitlegt in deze gids over variabele lettertypen<\/a>, zijn ze super waardevol als het gaat om websiteprestaties omdat je verschillende variaties van een lettertype in \u00e9\u00e9n bestand kunt opslaan. Om te leren hoe je dit doet, heb je wat kennis van CSS nodig.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab7e55c elementor-widget elementor-widget-menu-anchor\" data-id=\"ab7e55c\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"learn-how-to-use-type\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94da80e elementor-widget elementor-widget-heading\" data-id=\"94da80e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">20. Leer hoe je type gebruikt \u2014 Typografie handboek kritiek\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86d1e40 elementor-widget elementor-widget-image\" data-id=\"86d1e40\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=432\/blog\/wp-content\/uploads\/2021\/04\/futur-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-65608\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/futur-768x432.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/futur-300x169.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/04\/futur-1024x576.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1280\/blog\/wp-content\/uploads\/2021\/04\/futur.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44d3e04 elementor-widget elementor-widget-text-editor\" data-id=\"44d3e04\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Vaardigheidsniveau:<\/strong> Beginner tot Gevorderd<\/p>\n<p><strong>Duur:<\/strong> 30:14<\/p>\n<p><strong>Kosten:<\/strong> Gratis<\/p>\n<p>Dit is een interessante tutorial omdat het eigenlijk helemaal geen tutorial is. Gedurende 30 minuten kijk je hoe <a href=\"https:\/\/www.youtube.com\/watch?v=fDVLjs0Z02o\">The Futur de typografie beoordeelt<\/a> die gebruikt is bij het maken van hun eigen Typografie Handboek. Hoewel ze het gedrukte handboek evalueren, is het nog steeds een nuttige oefening om te volgen, omdat het je leert hoe je je eigen werk kunt beoordelen en slimmere keuzes kunt maken voor je typografie vanaf het begin.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08608b7 elementor-widget elementor-widget-heading\" data-id=\"08608b7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Word een meester in de kunst van typografie en verbeter de ervaring van je gebruikers\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae954ed elementor-widget elementor-widget-text-editor\" data-id=\"ae954ed\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Zodra je wat tijd hebt doorgebracht met deze typografietutorials en de basis goed onder de knie hebt, is het tijd om alles in de praktijk te brengen. <\/p>\n<p>Houd er rekening mee dat typografie, net als alles in design, in de loop van de tijd zal evolueren. De onderliggende principes en richtlijnen blijven hetzelfde, maar wat betreft de smaak van mensen in typografie, verwacht dat die zal veranderen. <\/p>\n<p>Zorg er dus voor dat je, naast het beheersen van de basics van typografie, ook op de hoogte blijft van typografietrends.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Goede typografie is een must voor een fijne gebruikerservaring. Om je te helpen dit onderwerp te snappen, hebben we de beste typografie tutorials verzameld, die zowel voor beginners als gevorderde webdesigners nuttig zijn.<\/p>\n","protected":false},"author":188873,"featured_media":112614,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[358],"tags":[411],"marketing_persona":[47],"marketing_intent":[],"class_list":["post-126482","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-nl","tag-bouw"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>De 20 Beste Typografie Tutorials voor Webdesigners | Elementor<\/title>\n<meta name=\"description\" content=\"Goede typografie is een must voor een fijne gebruikerservaring. Dus hebben we de beste typografie tutorials bij elkaar gezocht.\" \/>\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\/de-20-beste-typografie-tutorials-voor-webdesigners\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"De 20 Beste Typografie Tutorials voor Webdesigners | Elementor\" \/>\n<meta property=\"og:description\" content=\"Goede typografie is een must voor een fijne gebruikerservaring. Dus hebben we de beste typografie tutorials bij elkaar gezocht.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/\" \/>\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=\"2021-04-28T11:18:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-28T18:31:32+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_text_1200-628_1.png\" \/>\n<meta name=\"author\" content=\"Sergei Davidov\" \/>\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=\"Sergei Davidov\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/\"},\"author\":{\"name\":\"Sergei Davidov\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/87a6d63997f5dd9f2105a3a769c759c9\"},\"headline\":\"De 20 Beste Typografie Tutorials voor Webdesigners\",\"datePublished\":\"2021-04-28T11:18:39+00:00\",\"dateModified\":\"2025-12-28T18:31:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/\"},\"wordCount\":2019,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/#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\",\"keywords\":[\"Bouw\"],\"articleSection\":[\"Ontwerp\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/\",\"name\":\"De 20 Beste Typografie Tutorials voor Webdesigners | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/#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\":\"2021-04-28T11:18:39+00:00\",\"dateModified\":\"2025-12-28T18:31:32+00:00\",\"description\":\"Goede typografie is een must voor een fijne gebruikerservaring. Dus hebben we de beste typografie tutorials bij elkaar gezocht.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/#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\/de-20-beste-typografie-tutorials-voor-webdesigners\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ontwerp\",\"item\":\"https:\/\/elementor.com\/blog\/nl\/category\/design-nl\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"De 20 Beste Typografie Tutorials voor Webdesigners\"}]},{\"@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\/87a6d63997f5dd9f2105a3a769c759c9\",\"name\":\"Sergei Davidov\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0a5edd915cad15385a7184ea9ce23710fe08edb3d605ede2f99cc4e7e65f04ad?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0a5edd915cad15385a7184ea9ce23710fe08edb3d605ede2f99cc4e7e65f04ad?s=96&d=mm&r=g\",\"caption\":\"Sergei Davidov\"},\"description\":\"Sergei Davidov is a content creator at Elementor. His favorite topics are gadgets, advances in science, new apps and software solutions. He enjoys spicy food, reading books and listening to elevator music.\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/author\/sdavidov\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"De 20 Beste Typografie Tutorials voor Webdesigners | Elementor","description":"Goede typografie is een must voor een fijne gebruikerservaring. Dus hebben we de beste typografie tutorials bij elkaar gezocht.","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\/de-20-beste-typografie-tutorials-voor-webdesigners\/","og_locale":"nl_NL","og_type":"article","og_title":"De 20 Beste Typografie Tutorials voor Webdesigners | Elementor","og_description":"Goede typografie is een must voor een fijne gebruikerservaring. Dus hebben we de beste typografie tutorials bij elkaar gezocht.","og_url":"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2021-04-28T11:18:39+00:00","article_modified_time":"2025-12-28T18:31:32+00:00","og_image":[{"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_text_1200-628_1.png","type":"","width":"","height":""}],"author":"Sergei Davidov","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Geschreven door":"Sergei Davidov","Geschatte leestijd":"10 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/"},"author":{"name":"Sergei Davidov","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/87a6d63997f5dd9f2105a3a769c759c9"},"headline":"De 20 Beste Typografie Tutorials voor Webdesigners","datePublished":"2021-04-28T11:18:39+00:00","dateModified":"2025-12-28T18:31:32+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/"},"wordCount":2019,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/nl\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/#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","keywords":["Bouw"],"articleSection":["Ontwerp"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/","url":"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/","name":"De 20 Beste Typografie Tutorials voor Webdesigners | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/#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":"2021-04-28T11:18:39+00:00","dateModified":"2025-12-28T18:31:32+00:00","description":"Goede typografie is een must voor een fijne gebruikerservaring. Dus hebben we de beste typografie tutorials bij elkaar gezocht.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/de-20-beste-typografie-tutorials-voor-webdesigners\/#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\/de-20-beste-typografie-tutorials-voor-webdesigners\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/nl\/"},{"@type":"ListItem","position":2,"name":"Ontwerp","item":"https:\/\/elementor.com\/blog\/nl\/category\/design-nl\/"},{"@type":"ListItem","position":3,"name":"De 20 Beste Typografie Tutorials voor Webdesigners"}]},{"@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\/87a6d63997f5dd9f2105a3a769c759c9","name":"Sergei Davidov","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0a5edd915cad15385a7184ea9ce23710fe08edb3d605ede2f99cc4e7e65f04ad?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0a5edd915cad15385a7184ea9ce23710fe08edb3d605ede2f99cc4e7e65f04ad?s=96&d=mm&r=g","caption":"Sergei Davidov"},"description":"Sergei Davidov is a content creator at Elementor. His favorite topics are gadgets, advances in science, new apps and software solutions. He enjoys spicy food, reading books and listening to elevator music.","url":"https:\/\/elementor.com\/blog\/nl\/author\/sdavidov\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/126482","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\/188873"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/comments?post=126482"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/126482\/revisions"}],"predecessor-version":[{"id":126485,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/126482\/revisions\/126485"}],"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=126482"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/categories?post=126482"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/tags?post=126482"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/marketing_persona?post=126482"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/marketing_intent?post=126482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}