{"id":126473,"date":"2021-04-28T11:18:39","date_gmt":"2021-04-28T11:18:39","guid":{"rendered":"https:\/\/elementor.com\/blog\/die-20-besten-typografie-tutorials-fuer-webdesigner\/"},"modified":"2025-12-28T20:31:32","modified_gmt":"2025-12-28T18:31:32","slug":"die-20-besten-typografie-tutorials-fuer-webdesigner","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/","title":{"rendered":"Die 20 besten Typografie-Tutorials f\u00fcr Webdesigner"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"126473\" class=\"elementor elementor-126473 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>Einige Webdesigner m\u00f6gen <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> als eines der am wenigsten wichtigen Elemente des Webdesigns betrachten, jedoch kann sie die Benutzererfahrung auf vielf\u00e4ltige Weise entscheidend beeinflussen. <\/p>\n<p>Gute <a href=\"https:\/\/elementor.com\/blog\/typography-trends\/\" target=\"_blank\" rel=\"noopener\">typografische Entscheidungen<\/a> k\u00f6nnen die Lesbarkeit, Verst\u00e4ndlichkeit, Markenidentit\u00e4t, Zug\u00e4nglichkeit und Konversionsrate st\u00e4rken. Schlechte typografische Entscheidungen hingegen k\u00f6nnen diese Faktoren schw\u00e4chen und die Benutzererfahrung beeintr\u00e4chtigen. <\/p>\n<p>Typografie ist demnach ein wichtiger Aspekt des Webdesigns und etwas, das jeder Designer erlernen sollte, wenn er <a href=\"https:\/\/elementor.com\/blog\/start-web-design-business\/\" target=\"_blank\" rel=\"noopener\">ein Webdesign-Unternehmen gr\u00fcndet<\/a>. Gl\u00fccklicherweise ist das Internet voll von hilfreichen Typografie-Tutorials und <a href=\"https:\/\/elementor.com\/blog\/best-online-web-design-courses\/\" target=\"_blank\" rel=\"noopener\">Kursen f\u00fcr Webdesigner<\/a>.<\/p>\n<p>In diesem Artikel werden wir 20 Webdesign-Tutorials besprechen. W\u00e4hrend viele dieser Tutorials kostenlos online verf\u00fcgbar sind, haben wir auch einige kostenpflichtige Online-Kurse aufgenommen. Schlie\u00dflich m\u00fcssen Sie sich abheben k\u00f6nnen, wenn Sie versuchen, <a href=\"https:\/\/elementor.com\/blog\/find-web-design-work\/\" target=\"_blank\" rel=\"noopener\">Webdesign-Auftr\u00e4ge zu finden<\/a>, und ein Abschlusszertifikat von einer anerkannten Institution oder einem Kursanbieter kann dabei hilfreich sein.<\/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\">Entdecken Sie die neuesten Typografie-Trends und lassen Sie sich inspirieren <\/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\">Inhaltsverzeichnis<\/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 erstaunliche 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: Der umfassende Leitfaden f\u00fcr Designer<\/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. Wie man benutzerdefinierte Schriftarten zu seiner WordPress-Website hinzuf\u00fcgt<\/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. Wie man Elementors globale Farben und Schriftarten verwendet<\/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. Der ultimative Leitfaden zur grundlegenden 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 f\u00fcr Anf\u00e4nger: Alles, was Sie \u00fcber die Grundlagen der Typografie lernen m\u00fcssen<\/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. Einf\u00fchrung in die 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. Die Psychologie der Schriftarten (Schriftarten, die Emotionen hervorrufen)<\/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 f\u00fcr Designer und Entwickler<\/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. Textuelle Elemente des Designs: Schriftarten, Typografie und Abst\u00e4nde<\/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 f\u00fcr Designer und Entwickler - Seien Sie nicht schlecht im 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. Wann man welche Schriftart verwendet (und wann nicht)!<\/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. Wie erkennt man, ob eine Schriftart gut ist oder schlecht?<\/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. Auswahl von Webschriftarten: Ein Leitfaden f\u00fcr Anf\u00e4nger<\/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. Wie man Schriftarten f\u00fcr seine Designs ausw\u00e4hlt<\/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. Wie man Schriftarten ausw\u00e4hlt<\/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. Kompakter Leitfaden zur Kombination von Schriftarten<\/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. Wie man die Schriftart in einem WordPress-Theme \u00e4ndert (f\u00fcr jedes Theme)<\/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-Techniken zur Verbesserung der Lesbarkeit<\/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. Einf\u00fchrung in variable Schriftarten im 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. Lernen Sie, Schrift zu verwenden - Typografie-Handbuch Kritik<\/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=\"zwanzig-erstaunliche-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 erstaunliche 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>Von grundlegenden Typografie-Begriffen bis hin zur Optimierung von Schriftarten mit <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> haben wir die besten Typografie-Tutorials f\u00fcr Designer zusammengestellt.<\/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=\"web-typografie-der-umfassende-leitfaden-fuer-designer\"><\/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: Der umfassende Leitfaden f\u00fcr Designer\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>F\u00e4higkeitsniveau:<\/strong> Anf\u00e4nger bis Fortgeschrittene<\/p>\n<p><strong>L\u00e4nge:<\/strong> 30 Minuten<\/p>\n<p><strong>Kosten:<\/strong> Kostenlos<\/p>\n<p>Dieses <a href=\"https:\/\/elementor.com\/blog\/guide-to-web-typography\/\" target=\"_blank\" rel=\"noopener\">Typografie-Tutorial stammt von Elementor<\/a>, was bedeutet, dass Sie mehr als nur die Verwendung von Typografie im Webdesign lernen werden. Sie werden lernen, wie man all dies in die Praxis umsetzt \u2014 Aspekte wie Formatierung, Etablierung visueller Hierarchie, Erstellung eines Designsystems und dergleichen \u2014 im Kontext von WordPress und <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=\"wie-man-benutzerdefinierte-schriftarten-zu-ihrer-wordpress-website-hinzufgt\"><\/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. Wie man benutzerdefinierte Schriftarten zu Ihrer WordPress-Website hinzuf\u00fcgt\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>Schwierigkeitsgrad:<\/strong> Anf\u00e4nger bis Fortgeschrittene<\/p>\n<p><strong>Dauer:<\/strong> 17:31<\/p>\n<p><strong>Kosten:<\/strong> Kostenlos<\/p>\n<p>In manchen F\u00e4llen verf\u00fcgt WordPress nicht \u00fcber die spezifischen Schriftarten, die Sie verwenden m\u00f6chten. Daher werden Sie in diesem <a href=\"https:\/\/elementor.com\/blog\/custom-fonts\/\" target=\"_blank\" rel=\"noopener\">Typografie-Tutorial von Elementor<\/a> erfahren, welche Optionen Sie haben, um benutzerdefinierte Schriftarten zu einer WordPress-Website hinzuzuf\u00fcgen. Sie k\u00f6nnen diese manuell zu WordPress hinzuf\u00fcgen, indem Sie CSS verwenden, oder Sie k\u00f6nnen sie in Elementor hochladen und sie vom Editor aus nutzen.<\/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=\"wie-man-elementors-globale-farben-und-schriftarten-verwendet\"><\/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. Wie man Elementors globale Farben  Schriftarten verwendet\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>Schwierigkeitsgrad:<\/strong> Anf\u00e4nger bis Fortgeschrittene<\/p>\n<p><strong>Dauer:<\/strong> 6:50<\/p>\n<p><strong>Kosten:<\/strong> Kostenlos<\/p>\n<p>In diesem <a href=\"https:\/\/www.youtube.com\/watch?v=CjdFxKPPikU\">Video von Elementor<\/a> werden Sie alles \u00fcber die <a href=\"https:\/\/elementor.com\/features\/global-settings\/\" target=\"_blank\" rel=\"noopener\">Funktion der globalen Einstellungen<\/a> im Elementor-Editor erfahren. Dieses Tutorial wird Ihnen zeigen, wie Sie diese Funktion nutzen, um sowohl Farben als auch Schriftarten festzulegen und dann beobachten, wie sie seiten\u00fcbergreifend angewendet werden. Wenn Sie also Zeit bei der Aktualisierung Ihrer Schriftarten sparen und eine gr\u00f6\u00dfere Konsistenz in jede von Ihnen erstellte Website bringen m\u00f6chten, ist dieses kurze Video-Tutorial ein Muss.<\/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=\"der-ultimative-leitfaden-zur-grundlegenden-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. Der ultimative Leitfaden zur grundlegenden 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>F\u00e4higkeitsniveau:<\/strong> Anf\u00e4nger<\/p>\n<p><strong>Dauer:<\/strong> 10:33<\/p>\n<p><strong>Kosten:<\/strong> Kostenlos<\/p>\n<p>Der Titel dieses <a href=\"https:\/\/www.youtube.com\/watch?v=ZLaG1migE00\">Video-Tutorials von Envato Tuts+<\/a> ist etwas irref\u00fchrend. Es sollte eigentlich &#8222;Der ultimative Leitfaden zur grundlegenden Typografie-<strong>Terminologie<\/strong>&#8220; hei\u00dfen. Dennoch, wenn Sie absolut neu in der Typografie sind, ist dies ein wichtiger erster Schritt f\u00fcr Sie. Machen Sie sich mit Begriffen vertraut, die sich auf Typografie, Schriftarten, Dateitypen, Schriftstruktur, Satz und mehr beziehen.<\/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-fuer-anfaenger-alles-was-sie-ueber-typografie-grundlagen-wissen-muessen\"><\/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 f\u00fcr Anf\u00e4nger: Alles, was Sie \u00fcber Typografie-Grundlagen wissen m\u00fcssen\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>F\u00e4higkeitsniveau:<\/strong> Anf\u00e4nger<\/p>\n<p><strong>Dauer:<\/strong> 18-min\u00fctige Lekt\u00fcre<\/p>\n<p><strong>Kosten:<\/strong> Kostenlos<\/p>\n<p>Dieses <a href=\"https:\/\/blog.hubspot.com\/marketing\/typography-terms-introduction\">Typografie-Tutorial von Hubspot<\/a> ist eine weitere n\u00fctzliche Einf\u00fchrung in die Typografie im Design. Sie werden g\u00e4ngige Begriffe, verschiedene Typografie-Stile sowie Quellen f\u00fcr Ihre Schriftarten kennenlernen.<\/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=\"einfuehrung-in-die-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. Einf\u00fchrung in die 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>F\u00e4higkeitsniveau:<\/strong> Anf\u00e4nger<\/p>\n<p><strong>Dauer:<\/strong> 8 Stunden<\/p>\n<p><strong>Kosten:<\/strong> Kostenlos<\/p>\n<p>Wenn Sie nach einer tiefgreifenderen Einf\u00fchrung in die Typografie suchen, ist <a href=\"https:\/\/www.coursera.org\/learn\/typography\">dieser Kurs des California Institute of the Arts<\/a> eine gute Wahl. Die Einschreibung f\u00fcr diesen Kurs ist kostenlos, was ein gro\u00dfer Vorteil ist, da Sie eine F\u00fclle n\u00fctzlicher Informationen daraus gewinnen werden. Sie werden etwas \u00fcber die Geschichte der Typografie, ihre Struktur, wie man sie zur Erz\u00e4hlung einer Geschichte nutzt, ihr Erscheinungsbild manipuliert und vieles mehr erfahren.<\/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=\"die-psychologie-der-schriftarten\"><\/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. Die Psychologie der Schriftarten (Schriftarten, die Emotionen hervorrufen)\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>F\u00e4higkeitsniveau:<\/strong> Anf\u00e4nger<\/p>\n<p><strong>Dauer:<\/strong> 15 Minuten<\/p>\n<p><strong>Kosten:<\/strong> Kostenlos<\/p>\n<p>Wenn Sie neu im Design sind, wird dieses <a href=\"https:\/\/design.tutsplus.com\/articles\/the-psychology-of-fonts--cms-34943\">Tutorial von Envato Tuts+<\/a> als hervorragende Einf\u00fchrung in die Psychologie der Schriftarten dienen. \u00c4hnlich wie bei der Farbpsychologie werden Sie die \u00fcblichen emotionalen Reaktionen auf und Assoziationen mit bestimmten Schriftarten kennenlernen und Tipps erhalten, wie Sie diese zu Ihrem Vorteil nutzen k\u00f6nnen.<\/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-fuer-designer-und-entwickler\"><\/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 f\u00fcr Designer  Entwickler\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>Schwierigkeitsgrad:<\/strong> Anf\u00e4nger bis Fortgeschrittene<\/p>\n<p><strong>Dauer:<\/strong> 6,5 Stunden<\/p>\n<p><strong>Kosten:<\/strong> 109,99 \u20ac<\/p>\n<p>Dieser <a href=\"https:\/\/www.udemy.com\/course\/web-typography-for-designers-developers\/\">Udemy-Kurs \u00fcber Web-Typografie<\/a> wird von Rob Sutcliffe von der Interface School unterrichtet. Dies ist ein ziemlich technischer \u00dcberblick \u00fcber Typografie, der die verschiedenen Arten von Klassifikationen, Tipps zur Auswahl und Kombination von Schriftarten, die Gestaltung lesbarer und <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/responsive-website\/\" title=\"responsive\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"7342\">responsiver<\/a> Web-Typografie und vieles mehr untersucht.<\/p>\n<p>Um das Beste aus diesem Kurs herauszuholen, sollten Sie \u00fcber gewisse Grundkenntnisse in HTML, CSS und JavaScript verf\u00fcgen. Das bedeutet nicht, dass Sie sich nicht anmelden sollten, wenn Sie ein neuer Designer sind \u2014 Sie erhalten lebenslangen Zugang dazu, sodass Sie darauf zur\u00fcckgreifen k\u00f6nnen, sobald Sie Ihre F\u00e4higkeiten in diesem Bereich verbessert haben.<\/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=\"textuelle-gestaltungselemente-schriftarten-typografie-und-abstand\"><\/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. Textuelle Gestaltungselemente: Schriftarten, Typografie und Abstand\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>F\u00e4higkeitsniveau:<\/strong> Anf\u00e4nger<\/p>\n<p><strong>Dauer:<\/strong> 13 Stunden<\/p>\n<p><strong>Kosten:<\/strong> Kostenfrei<\/p>\n<p>Dieser <a href=\"https:\/\/www.coursera.org\/learn\/fonts-typography-spacing\">Kurs der University of Colorado Boulder<\/a> ist auf der Coursera-Webseite verf\u00fcgbar. Dies ist ein umfangreicher Kurs, in dem Sie erlernen werden, wie man textuelle Elemente manipuliert, um mit Ihrem Design eine Geschichte zu erz\u00e4hlen. Der Kurs behandelt die Grundlagen und geht dann auf Typografie-Abst\u00e4nde, Schriftartenwahl, Schriftartenpaarung und weitere Aspekte ein.<\/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-fuer-designer-und-entwickler\"><\/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 f\u00fcr Designer  Entwickler - Exzellieren Sie im Design\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>Schwierigkeitsgrad:<\/strong> Fortgeschritten<\/p>\n<p><strong>Dauer:<\/strong> 8,5 Stunden<\/p>\n<p><strong>Kosten:<\/strong> 99,99 \u20ac<\/p>\n<p>Muhammad Ahsan Pervaiz ist der Urheber dieses mit 4,5 Sternen bewerteten <a href=\"https:\/\/www.udemy.com\/course\/typography-mastery-for-ui-designers-and-developers\/\">Udemy-Kurses \u00fcber Typografie<\/a>. Falls Sie eine umfassende Schulung zu Typografie-Grundlagen, Typografie-Anpassung, Schriftartenwahl und -paarung sowie weiteren Themen w\u00fcnschen, ist dies ein hervorragender Kurs. \u00dcbungen sind in den Kurs integriert, sodass Sie auch praktische Erfahrungen bei der Umsetzung des Gelernten sammeln werden.<\/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=\"wann-welche-schriftart-verwendet-werden-sollte\"><\/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. Wann welche Schriftart verwendet werden sollte (und wann nicht)!\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>F\u00e4higkeitsniveau:<\/strong> Anf\u00e4nger<\/p>\n<p><strong>Dauer:<\/strong> 12:55<\/p>\n<p><strong>Kosten:<\/strong> Kostenfrei<\/p>\n<p>Viele der Tutorials und Kurse, die Sie bisher in dieser Liste gesehen haben, haben das Thema Schriftarten ber\u00fchrt. Dieses <a href=\"https:\/\/www.youtube.com\/watch?v=RJ4k6FI_LYQ\">Envato Tuts+ Tutorial<\/a> geht jedoch sehr detailliert auf das Thema ein und erl\u00e4utert die verschiedenen Typen <strong>und<\/strong> Unterkategorien von Schriftarten. Indem Sie lernen, die Unterschiede in der Struktur jeder Schriftart zu erkennen, wird es Ihnen wesentlich leichter fallen, die richtigen typografischen Stile f\u00fcr Ihre Websites auszuw\u00e4hlen.<\/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=\"wie-man-erkennt-ob-eine-schriftart-gut-ist-oder-nicht\"><\/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. Wie erkennt man, ob eine Schriftart gut ist oder nicht?<\/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>F\u00e4higkeitsniveau:<\/strong> Anf\u00e4nger<\/p>\n<p><strong>Dauer:<\/strong> 9:58<\/p>\n<p><strong>Kosten:<\/strong> Kostenfrei<\/p>\n<p>Dieses <a href=\"https:\/\/www.youtube.com\/watch?v=kd42Y2pV6KI\">Typografie-Tutorial von Flux<\/a> besch\u00e4ftigt sich mit der Suche nach hochwertigen Schriftarten f\u00fcr Ihre Websites. Die Diskussion dreht sich haupts\u00e4chlich darum, wie Webdesigner qualitativ hochwertige Schriftartenhersteller und Websites finden k\u00f6nnen, um ihre Schriftarten zu beziehen. Denn selbst wenn Sie verstehen, welche Art von Schriftart Sie ben\u00f6tigen, k\u00f6nnte eine schlecht gestaltete Schriftart (auch wenn sie diesem Stil entspricht) all Ihre harte Arbeit zunichtemachen. Dieses Tutorial wird Ihnen helfen, dieses Problem zu vermeiden.<\/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=\"auswahl-von-webschriftarten-ein-leitfaden-fuer-anfaenger\"><\/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. Auswahl von Webschriftarten: Ein Leitfaden f\u00fcr Anf\u00e4nger\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>F\u00e4higkeitsniveau:<\/strong> Anf\u00e4nger<\/p>\n<p><strong>Dauer:<\/strong> 10 Minuten<\/p>\n<p><strong>Kosten:<\/strong> Kostenfrei<\/p>\n<p>Dies ist ein <a href=\"https:\/\/design.google\/library\/choosing-web-fonts-beginners-guide\/\">praktischer Leitfaden von Google Design<\/a> zur Bestimmung der richtigen <a href=\"https:\/\/elementor.com\/blog\/web-fonts\/\" target=\"_blank\" rel=\"noopener\">Webschriftarten<\/a> f\u00fcr jede Website, die Sie erstellen. Das Tutorial f\u00fchrt Sie durch eine Reihe von Faktoren, wie Projektumfang und mehrsprachiges Design, und verweist Sie dann auf Google Fonts, die den Anforderungen Ihres Projekts entsprechen.<\/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=\"wie-man-schriftarten-fuer-seine-designs-auswaehlt\"><\/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. Wie man Schriftarten f\u00fcr seine Designs ausw\u00e4hlt\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>F\u00e4higkeitsniveau:<\/strong> Anf\u00e4nger<\/p>\n<p><strong>Dauer:<\/strong> 7:35<\/p>\n<p><strong>Kosten:<\/strong> Kostenfrei<\/p>\n<p>In diesem <a href=\"https:\/\/www.youtube.com\/watch?v=IviIMAItx2s\">Schritt-f\u00fcr-Schritt-Leitfaden von Satori Graphics<\/a> erhalten Sie praktische Anleitung und Tipps zur Auswahl von Schriftarten f\u00fcr Ihre Projekte. Obwohl hier ein starker Fokus auf Grafikdesign liegt, k\u00f6nnen Sie die gleichen f\u00fcnf Schritte zur Auswahl und Kombination von Schriftarten auf alles anwenden, woran Sie arbeiten, sei es eine Website, App, Logo oder eine andere Art von Markenmaterial.<\/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=\"wie-man-schriftarten-auswaehlt\"><\/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. Wie man Schriftarten ausw\u00e4hlt\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>F\u00e4higkeitsniveau:<\/strong> Anf\u00e4nger<\/p>\n<p><strong>Dauer:<\/strong> 9:41<\/p>\n<p><strong>Kosten:<\/strong> Kostenfrei<\/p>\n<p>Dieses <a href=\"https:\/\/www.youtube.com\/watch?v=obZX8oIjia4\">YouTube-Tutorial von Flux<\/a> wird Ihnen beibringen, wie Sie sich von der Auswahl von Schriftarten basierend auf Annahmen oder Ihrem Bauchgef\u00fchl l\u00f6sen k\u00f6nnen. Stattdessen werden Sie die Schriftartenauswahl auf Grundlage des Utilitarismus angehen. Und Sie erhalten Hilfe bei der Suche nach Schriftartenherstellern, die grafische Muster bereitstellen, sodass Sie sich erneut nicht nur auf Ihr Bauchgef\u00fchl verlassen m\u00fcssen, wie gut eine Schriftart aussehen wird.<\/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=\"taschenguide-zur-kombination-von-schriftarten\"><\/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. Taschenguide zur Kombination von Schriftarten\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>F\u00e4higkeitsniveau:<\/strong> Anf\u00e4nger bis Fortgeschrittene<\/p>\n<p><strong>Dauer:<\/strong> 1 Stunde<\/p>\n<p><strong>Kosten:<\/strong> Kostenfrei<\/p>\n<p><a href=\"https:\/\/elementor.com\/blog\/font-pairing\/\" target=\"_blank\" rel=\"noopener\">Schriftartenpaarung<\/a> ist definitiv eine Kunst. Wenn Sie also lernen m\u00f6chten, wie man das macht, sollte es von einem der f\u00fchrenden Experten im Designbereich sein. Dieser <a href=\"https:\/\/blog.typekit.com\/2016\/04\/29\/combining-typefaces-free-guide-to-great-typography\/\">Taschenf\u00fchrer<\/a> wurde von Tim Brown, dem Leiter der Typografie f\u00fcr Adobe Typekit  Adobe Type, erstellt. Dieser Leitfaden wird Ihnen beibringen, wie Sie ermitteln, welche Aufgaben Ihre Schriftarten erf\u00fcllen m\u00fcssen, wie Sie eine Ankerschriftart ausw\u00e4hlen, wie Sie Schriftarten identifizieren, die die Ankerschrift erg\u00e4nzen, und dann Ihre Paarung objektiv beurteilen.<\/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=\"wie-man-die-schriftart-in-wordpress-theme-aendert\"><\/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. Wie man die Schriftart in WordPress-Themen \u00e4ndert (Jedes Theme)\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>F\u00e4higkeitsniveau:<\/strong> Anf\u00e4nger<\/p>\n<p><strong>Dauer:<\/strong> 10 Minuten<\/p>\n<p><strong>Kosten:<\/strong> Kostenlos<\/p>\n<p>Dieses <a href=\"https:\/\/themeisle.com\/blog\/how-to-change-font-in-wordpress-theme\/\">einfache Tutorial von ThemeIsle<\/a> bietet Ihnen zwei Optionen zur \u00c4nderung von Schriftarten in WordPress. Sie k\u00f6nnen Webschriftarten aus dem WordPress-Customizer ausw\u00e4hlen. Oder Sie k\u00f6nnen das Easy Google Fonts-Plugin installieren und Google-Schriftarten mithilfe des Customizers einstellen. Obwohl eine zus\u00e4tzliche Option enthalten ist, ist es am besten, die universellen Schriftarteinstellungen von WordPress zu verwenden, anstatt Schriftarten nach Block oder Seite zu \u00e4ndern.<\/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=\"moderne-css-techniken-zur-verbesserung-der-lesbarkeit\"><\/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-Techniken zur Verbesserung der Lesbarkeit\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>F\u00e4higkeitsniveau:<\/strong> Fortgeschritten bis Experte<\/p>\n<p><strong>Dauer:<\/strong> 11 Minuten<\/p>\n<p><strong>Kosten:<\/strong> Kostenlos<\/p>\n<p>Edoarda Cavazza verfasste diesen hervorragenden <a href=\"https:\/\/www.smashingmagazine.com\/2020\/07\/css-techniques-legibility\/\">Artikel f\u00fcr Smashing Magazine<\/a>, der sich mit der Verwendung von CSS zur Verbesserung der Lesbarkeit und Zug\u00e4nglichkeit der Typografie Ihrer Website befasst. Insbesondere geht dieses Tutorial auf die Verwendung von Abst\u00e4nden ein, um die beste Art von Leseerlebnis f\u00fcr Besucher zu schaffen. Wenn Sie noch nichts \u00fcber Kerning, Zeilenabstand oder Laufweite gelernt haben oder kein grundlegendes Verst\u00e4ndnis von CSS haben, beginnen Sie am Anfang dieser Liste von Typografie-Tutorials und kehren Sie sp\u00e4ter zu diesem zur\u00fcck.<\/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=\"einfuehrung-in-variable-schriftarten-im-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. Einf\u00fchrung in variable Schriftarten im 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>F\u00e4higkeitsniveau:<\/strong> Fortgeschritten bis Experte<\/p>\n<p><strong>Dauer:<\/strong> 20 Minuten<\/p>\n<p><strong>Kosten:<\/strong> Kostenlos<\/p>\n<p>Variable Schriftarten sind ein relativ neues Ph\u00e4nomen, gewinnen aber schnell browser\u00fcbergreifende support, was bedeutet, dass es f\u00fcr Designer und Entwickler an der Zeit ist, sie zu nutzen (falls Sie es noch nicht tun). Wie das <a href=\"https:\/\/web.dev\/variable-fonts\/\">Google Developers-Team in diesem Leitfaden zu variablen Schriftarten<\/a> erkl\u00e4rt, sind sie \u00e4u\u00dferst wertvoll f\u00fcr die Website-Leistung, da sie es Ihnen erm\u00f6glichen, verschiedene Variationen einer Schriftart in einer einzigen Datei zu speichern. Um zu lernen, wie man dies macht, ben\u00f6tigen Sie einige Kenntnisse in CSS.<\/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=\"lernen-sie-wie-man-schrift-verwendet\"><\/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. Lernen Sie, wie man Schrift verwendet \u2014 Typografie-Handbuch-Kritik\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>F\u00e4higkeitsniveau:<\/strong> Anf\u00e4nger bis Experte<\/p>\n<p><strong>Dauer:<\/strong> 30:14<\/p>\n<p><strong>Kosten:<\/strong> Kostenlos<\/p>\n<p>Dies ist ein interessantes Tutorial, da es eigentlich gar kein Tutorial ist. Im Laufe von 30 Minuten werden Sie beobachten, wie <a href=\"https:\/\/www.youtube.com\/watch?v=fDVLjs0Z02o\">The Futur die Typografie<\/a> bewertet, die bei der Erstellung ihres eigenen Typografie-Handbuchs verwendet wurde. Obwohl sie das gedruckte Handbuch bewerten, ist es immer noch eine hilfreiche \u00dcbung, der man folgen kann, da es Ihnen beibringt, wie Sie Ihre eigene Arbeit \u00fcberpr\u00fcfen und sich daran gew\u00f6hnen k\u00f6nnen, von Anfang an intelligentere Entscheidungen f\u00fcr Ihre Typografie zu treffen.<\/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\">Meistern Sie die Kunst der Typografie und verbessern Sie das Benutzererlebnis\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>Sobald Sie sich einige Zeit mit diesen Typografie-Tutorials besch\u00e4ftigt haben und die Grundlagen gut beherrschen, ist es an der Zeit, alles in die Praxis umzusetzen. <\/p>\n<p>Eine Sache, die Sie im Hinterkopf behalten sollten, ist, dass sich die Typografie, wie alles andere im Design, im Laufe der Zeit weiterentwickeln wird. Die zugrunde liegenden Prinzipien und Richtlinien werden gleich bleiben, aber in Bezug auf den Geschmack der Menschen in der Typografie k\u00f6nnen Sie erwarten, dass sich dieser \u00e4ndert. <\/p>\n<p>Stellen Sie also sicher, dass Sie zus\u00e4tzlich zur Beherrschung der Grundlagen der Typografie auch \u00fcber Typografie-Trends auf dem Laufenden bleiben.<\/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>Gute Typografie ist ein notwendiges Element zur Bereitstellung einer guten Benutzererfahrung. Um Ihnen beim Verst\u00e4ndnis dieses Themas zu helfen, haben wir die besten Tutorials zur Typografie zusammengestellt, die sowohl f\u00fcr Anf\u00e4nger als auch f\u00fcr fortgeschrittene Webdesigner von Nutzen sind.<\/p>\n","protected":false},"author":188873,"featured_media":116963,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[359],"tags":[410],"marketing_persona":[47],"marketing_intent":[],"class_list":["post-126473","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-de","tag-bauen-sie"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Die 20 besten Typografie-Tutorials f\u00fcr Webdesigner | Elementor<\/title>\n<meta name=\"description\" content=\"Gute Typografie ist ein notwendiges Element zur Bereitstellung einer guten Benutzererfahrung. Daher haben wir die besten verf\u00fcgbaren Tutorials zur Typografie zusammengestellt.\" \/>\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\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Die 20 besten Typografie-Tutorials f\u00fcr Webdesigner | Elementor\" \/>\n<meta property=\"og:description\" content=\"Gute Typografie ist ein notwendiges Element zur Bereitstellung einer guten Benutzererfahrung. Daher haben wir die besten verf\u00fcgbaren Tutorials zur Typografie zusammengestellt.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/\" \/>\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=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sergei Davidov\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"11\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/\"},\"author\":{\"name\":\"Sergei Davidov\",\"@id\":\"https:\/\/elementor.com\/blog\/de\/#\/schema\/person\/87a6d63997f5dd9f2105a3a769c759c9\"},\"headline\":\"Die 20 besten Typografie-Tutorials f\u00fcr Webdesigner\",\"datePublished\":\"2021-04-28T11:18:39+00:00\",\"dateModified\":\"2025-12-28T18:31:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/\"},\"wordCount\":2108,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/#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\":[\"Bauen Sie\"],\"articleSection\":[\"Design\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/\",\"url\":\"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/\",\"name\":\"Die 20 besten Typografie-Tutorials f\u00fcr Webdesigner | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/#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\":\"Gute Typografie ist ein notwendiges Element zur Bereitstellung einer guten Benutzererfahrung. Daher haben wir die besten verf\u00fcgbaren Tutorials zur Typografie zusammengestellt.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/#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\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design\",\"item\":\"https:\/\/elementor.com\/blog\/de\/category\/design-de\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Die 20 besten Typografie-Tutorials f\u00fcr Webdesigner\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/de\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/de\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/de\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/elementor.com\/blog\/de\/#\/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\/de\/#\/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\/de\/#\/schema\/person\/87a6d63997f5dd9f2105a3a769c759c9\",\"name\":\"Sergei Davidov\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/elementor.com\/blog\/de\/#\/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\/de\/author\/sdavidov\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Die 20 besten Typografie-Tutorials f\u00fcr Webdesigner | Elementor","description":"Gute Typografie ist ein notwendiges Element zur Bereitstellung einer guten Benutzererfahrung. Daher haben wir die besten verf\u00fcgbaren Tutorials zur Typografie zusammengestellt.","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\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/","og_locale":"de_DE","og_type":"article","og_title":"Die 20 besten Typografie-Tutorials f\u00fcr Webdesigner | Elementor","og_description":"Gute Typografie ist ein notwendiges Element zur Bereitstellung einer guten Benutzererfahrung. Daher haben wir die besten verf\u00fcgbaren Tutorials zur Typografie zusammengestellt.","og_url":"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/","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":{"Verfasst von":"Sergei Davidov","Gesch\u00e4tzte Lesezeit":"11\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/"},"author":{"name":"Sergei Davidov","@id":"https:\/\/elementor.com\/blog\/de\/#\/schema\/person\/87a6d63997f5dd9f2105a3a769c759c9"},"headline":"Die 20 besten Typografie-Tutorials f\u00fcr Webdesigner","datePublished":"2021-04-28T11:18:39+00:00","dateModified":"2025-12-28T18:31:32+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/"},"wordCount":2108,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/de\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/#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":["Bauen Sie"],"articleSection":["Design"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/","url":"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/","name":"Die 20 besten Typografie-Tutorials f\u00fcr Webdesigner | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/#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":"Gute Typografie ist ein notwendiges Element zur Bereitstellung einer guten Benutzererfahrung. Daher haben wir die besten verf\u00fcgbaren Tutorials zur Typografie zusammengestellt.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/elementor.com\/blog\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/#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\/de\/die-20-besten-typografie-tutorials-fuer-webdesigner\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/de\/"},{"@type":"ListItem","position":2,"name":"Design","item":"https:\/\/elementor.com\/blog\/de\/category\/design-de\/"},{"@type":"ListItem","position":3,"name":"Die 20 besten Typografie-Tutorials f\u00fcr Webdesigner"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/de\/#website","url":"https:\/\/elementor.com\/blog\/de\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/de\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/elementor.com\/blog\/de\/#\/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\/de\/#\/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\/de\/#\/schema\/person\/87a6d63997f5dd9f2105a3a769c759c9","name":"Sergei Davidov","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/elementor.com\/blog\/de\/#\/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\/de\/author\/sdavidov\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/posts\/126473","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/users\/188873"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/comments?post=126473"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/posts\/126473\/revisions"}],"predecessor-version":[{"id":126476,"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/posts\/126473\/revisions\/126476"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/media\/116963"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/media?parent=126473"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/categories?post=126473"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/tags?post=126473"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/marketing_persona?post=126473"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/marketing_intent?post=126473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}