[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"mwMzRfEdhmZ3Q0qi2_UHWzJg4yfH9SMRTHqT2w0_t_k":75,"mn-M6EHc_bVHLWlW06T4F5GZwFuJLe1tMhoxBkjr7CM":184,"_apollo:default":226},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","nuxt-main-menu","Nuxt Hauptmenü",[9,24,29,34,39,44],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog",null,"/know-how",{"__typename":16,"id":17,"name":18,"direction":19},"Language","de","German","ltr",true,false,{"__typename":23,"class":13},"MenuItemAttributes",{"__typename":10,"id":25,"title":26,"description":13,"url":27,"langcode":15,"internal":20,"expanded":21,"attributes":28},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":20,"expanded":21,"attributes":38},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":40,"title":41,"description":13,"url":42,"langcode":15,"internal":20,"expanded":21,"attributes":43},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":15,"internal":20,"expanded":21,"attributes":48},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__typename":23,"class":13},{"menu":50},{"__typename":5,"id":51,"name":52,"items":53},"footer","Fußzeile",[54,60,65,70],{"__typename":10,"id":55,"title":56,"description":13,"url":57,"langcode":58,"internal":20,"expanded":21,"attributes":59},"e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum","/impressum",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":58,"internal":20,"expanded":21,"attributes":64},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":58,"internal":20,"expanded":21,"attributes":69},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":58,"internal":21,"expanded":21,"attributes":74},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__typename":23,"class":13},{"route":76},{"__typename":77,"entity":78},"RouteInternal",{"__typename":79,"id":80,"title":81,"changed":82,"created":88,"langcode":89,"path":90,"promote":21,"status":20,"sticky":21,"metatag":91,"postCategory":111,"postContentElements":13,"evergreen":13,"tags":136,"postWpBody":162,"wpHeaderImage":13,"wpHeaderImageOld":165,"wpHeaderImageOldSmall":13,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":177,"author":178},"NodeWpPost","1161","Webtypografie Trends 2011",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1309247922,"UTC","+00:00","2011-06-28T07:58:42+00:00",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},{"__typename":16,"id":17,"name":18,"direction":19},"/blog/webtypografie-trends-2011",[92,99,106],{"__typename":93,"tag":94,"attributes":95},"MetaTagValue","meta",{"__typename":96,"name":97,"content":98},"MetaTagValueAttributes","title","Webtypografie Trends 2011 | Liechtenecker UX Design Studio",{"__typename":100,"tag":101,"attributes":102},"MetaTagLink","link",{"__typename":103,"href":104,"hreflang":13,"rel":105,"media":13,"sizes":13,"type":13},"MetaTagLinkAttributes","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/blog/webtypografie-trends-2011","canonical",{"__typename":107,"tag":94,"attributes":108},"MetaTagProperty",{"__typename":109,"property":110,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":112,"id":113,"name":114,"path":115,"status":20,"weight":116,"description":117,"langcode":121,"changed":122,"metatag":125},"TermCategories","8","UX/UI Design","/kategorie/design",0,{"__typename":118,"processed":119,"format":120},"Text","Themen aus dem Bereich Design & User Experience","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":123,"timezone":85,"offset":86,"time":124},1713772777,"2024-04-22T07:59:37+00:00",[126,129,133],{"__typename":93,"tag":94,"attributes":127},{"__typename":96,"name":97,"content":128},"UX/UI Design | Liechtenecker UX Design Studio",{"__typename":93,"tag":94,"attributes":130},{"__typename":96,"name":131,"content":132},"description","Themen aus dem Bereich Design & User Experience",{"__typename":100,"tag":101,"attributes":134},{"__typename":103,"href":135,"hreflang":13,"rel":105,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/design",[137,142,146,150,154,158],{"__typename":138,"id":139,"name":140,"path":141,"weight":116},"TermTags","297","css3","/tag/css3",{"__typename":138,"id":143,"name":144,"path":145,"weight":116},"481","font-face","/tag/font-face",{"__typename":138,"id":147,"name":148,"path":149,"weight":116},"1355","typografie","/tag/typografie",{"__typename":138,"id":151,"name":152,"path":153,"weight":116},"1496","webdesigntrends","/tag/webdesigntrends",{"__typename":138,"id":155,"name":156,"path":157,"weight":116},"1508","webfonts","/tag/webfonts",{"__typename":138,"id":159,"name":160,"path":161,"weight":116},"1529","webtypografie","/tag/webtypografie",{"__typename":163,"processed":164,"format":120,"summary":13},"TextSummary","\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ca href=\"/sites/default/files/styles/full_width/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg?itok=21YHjTvz\" data-rel=\"lightbox-gallery-IHFBIRK8\" data-rl_title data-rl_caption title class=\"js-image-link\">\u003Cdiv alt=\"webtypografie_trends_2011_kreis\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"Web-Typografie Trends 2011\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cp>Im letzten Jahr hat zunehmends das Thema Webtypografie Einzug in modernes Webdesign gehalten. Websites die sich Slab und Bold Fonts wie \u003Ca href=\"http://marketplace.veer.com/font/Rockwell-Std-1-ADT0003250?skeywords=rockwell&stermids=100007514\">Rockwell\u003C/a> und \u003Ca href=\"http://typekit.com/fonts/museo-slab\">Museo Slab\u003C/a> bedienten, schossen förmlich aus dem Boden und haben damit ein neues typografisches Zeitalter eingeläutet. Doch was hat sich seit dem auf diesem Gebiet getan?\u003Cbr>\n\u003Cbr>\nMitte 2011 sieht die typografische Landschaft schon etwas vielfältiger aus, man beginnt das Potential der typografischen Möglichkeiten nicht nur zu erkennen und umzusetzen, sondern auch im Designprozess von vornherein zu berücksichtigen. Schön, wie wir finden. Egal ob Serif, Script, Retro, Slab oder Sans Serif, das Spektrum der eingesetzten Fonts ist mittlerweile sehr breit gefächert und macht das tägliche Arbeiten im Web für das Auge eines Designers zu einem immer eindrucksvolleren Erlebnis.\u003C/p>\n\u003Ch4>Hier drei wunderschöne Webtypografie Best-Practice Beispiele:\u003C/h4>\n\u003Cp>\u003Ca href=\"http://lostworldsfairs.com/atlantis/\">\u003Cdiv title=\"beispiel-best-practice1\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"beispiel-best-practice1\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://lostworldsfairs.com/moon/\">\u003Cdiv title=\"beispiel-best-practice2\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"beispiel-best-practice2\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://preparetoactivate.com/\">\u003Cdiv title=\"beispiel-best-practice3\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"beispiel-best-practice3\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch3>Wie werden Web Fonts eigentlich eingebunden?\u003C/h3>\n\u003Ch4>Einbindung via @font-face Deklaration\u003C/h4>\n\u003Cp>Seit dem browserübergreifenden Support von \u003Ca href=\"http://www.font-face.com/\">@font-face Deklarationen\u003C/a> sind Designer nicht mehr auf den Einsatz von vorinstallierte Standardschriften beschränkt. Schriften können auf den eigenen Server hochgeladen und mittels @font-face in das Design eingebunden werden. Voraussetzung hierfür ist natürlich, dass die Lizenzbestimmungen der jeweiligen Schrift das auch gestatten. Achtung: Bei kommerziellen Schriften kann das mitunter zur Hürde werden.\u003Cbr>\nUm eine Desktop Schrift im Web darstellen zu können, muss sie zunächst in die verschiedenen Webformate konvertiert werden. Momentan gibt es fünf verschiedene Web Font Formate, die von verschiedenen Browsern unterstützt werden: EOT, OpenType, SVG, TrueType und WOFF. Ein einheitliches Format gibt es derzeit leider noch nicht, es ist jedoch anzunehmen, dass sich WOFF (Web Open Font Format) in diese Richtung bewegen wird. Fontsquirrel stellt mit dem \u003Ca href=\"http://www.fontsquirrel.com/fontface/generator\">@font-face Generator\u003C/a> ein kostenloses Tool zur Verfügung, das Schriften in die jeweiligen Webformate konvertiert. Bei Fontsquirrel findet ihr außerdem zahlreiche Open Source Schriften, die über vorgefertigte \u003Ca href=\"http://www.fontsquirrel.com/fontface\">@font-face Kits\u003C/a> mühelos ins eigene Design eingebettet werden können.\u003C/p>\n\u003Ch5>Eine browserübergreifende @font-face Deklaration könnte zum Beispiel so aussehen:\u003C/h5>\n\u003Cp>\u003Ccode>\u003Cbr>\n@font-face {\u003Cbr>\nfont-family: 'FontName';\u003Cbr>\nsrc: url('FontName.eot');\u003Cbr>\nsrc: url('FontName.eot?#iefix') format('embedded-opentype'), url('FontName.woff') format('woff'), url('FontName.ttf') format('truetype'), url('FontName.svg#FontName') format('svg');\u003Cbr>\n}\u003C/code>\u003C/p>\n\u003Ch4>Einbindung via Web Font Anbieter\u003C/h4>\n\u003Cp>Kostenpflichtige Web Font Anbieter wie \u003Ca href=\"http://typekit.com/\">Typekit\u003C/a> oder \u003Ca href=\"http://www.fontspring.com/\">Font Spring\u003C/a> vereinfachen die Einbindung kommerzieller Schriften enorm. Im Fall von Web Font Anbietern wie Typekit liegen erworbene Schriften am Server des jeweiligen Web Font Anbieters und werden via JavaScript in die eigene Website integriert und vor unautorisierter Nutzung geschützt. Web Font Anbieter wie Font Spring stellen herunterladbare Schrift-Pakete zur Verfügung, die direkt auf den eigenen Server hochgeladen werden. Um in der Vielzahl an Web Font Anbietern die passende Lösung zu finden, gibt es hier \u003Ca href=\"http://fffo.grahambird.co.uk/\">eine hilfreiche Gegenüberstellung\u003C/a>.\u003C/p>\n\u003Ch4>Einbindung via Google Fonts API\u003C/h4>\n\u003Cp>Eine weitere Möglichkeit für die Nutzung von Web Fonts ist die Einbindung über die kostenlose \u003Ca href=\"http://code.google.com/intl/de-DE/apis/webfonts/\">Google Fonts API\u003C/a>. Auch hier gibt es zwei Varianten der Einbindung:\u003C/p>\n\u003Cul>\n\u003Cli>die selbst gehostete Variante, bei der eine Schrift auf dem eigenen Server abgelegt wird\u003C/li>\n\u003Cli>die von Google gehostete Variante, bei der eine Schrift verlinkt wird, die auf den Google Servern liegt\u003C/li>\n\u003C/ul>\n\u003Cp>Eine Übersicht über die via Google Fonts API zugänglichen Webfonts findet ihr \u003Ca href=\"http://www.google.com/webfonts/v2/\">hier\u003C/a>.\u003C/p>\n\u003Ch3>Aktuelle Web Font Trends?\u003C/h3>\n\u003Cp>Im ersten Halbjahr von 2011 war vor allem die wachsende Vielfalt an Web Fonts schön zu beobachten. Hier findet ihr ein paar Schriften, um die man als Webdesigner momentan nicht herum kommt.\u003C/p>\n\u003Ch4>Serif & Slab Serif\u003C/h4>\n\u003Cp>\u003Ca href=\"http://www.fontsquirrel.com/fonts/copse\">Copse\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.fontsquirrel.com/fonts/copse\">\u003Cdiv title=\"font-copse\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"font-copse\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.fontsquirrel.com/fonts/Droid-Serif\">Droid Serif\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.fontsquirrel.com/fonts/Droid-Serif\">\u003Cdiv title=\"font-droid-serif\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"font-droid-serif\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.fontsquirrel.com/fonts/ChunkFive\">Chunk Five\u003C/a>\u003Ca href=\"http://www.fontsquirrel.com/fonts/ChunkFive\">\u003Cdiv title=\"font-chunkfive\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"font-chunkfive\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.fontsquirrel.com/fonts/Calluna\">Calluna\u003C/a>\u003Ca href=\"http://www.fontsquirrel.com/fonts/Calluna\">\u003Cdiv title=\"font-calluna\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"font-calluna\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.fontsquirrel.com/fonts/Adelle-Basic\">Adelle Basic\u003C/a>\u003Ca href=\"http://www.fontsquirrel.com/fonts/Adelle-Basic\">\u003Cdiv title=\"font-adelle-basic\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"font-adelle-basic\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.losttype.com/font/?name=deming\">Deming EP\u003C/a>\u003Ca href=\"http://www.losttype.com/font/?name=deming\">\u003Cdiv title=\"font-deming-ep\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"font-deming-ep\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch4>Sans Serif Fonts\u003C/h4>\n\u003Cp>\u003Ca href=\"http://www.fontsquirrel.com/fonts/Droid-Sans\">Droid Sans\u003C/a>\u003Ca href=\"http://www.fontsquirrel.com/fonts/Droid-Sans\">\u003Cdiv title=\"font-droid-sans\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"font-droid-sans\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.fontsquirrel.com/fonts/bebas-neue\">Bebas Neue\u003C/a>\u003Ca href=\"http://www.fontsquirrel.com/fonts/bebas-neue\">\u003Cdiv title=\"font-bebas-neue\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"font-bebas-neue\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://typekit.com/fonts/futura-pt\">Futura PT\u003C/a>\u003Ca href=\"http://typekit.com/fonts/futura-pt\">\u003Cdiv title=\"font-futura-pt\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"font-futura-pt\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.fontsquirrel.com/fonts/Franchise\">Franchise\u003C/a>\u003Ca href=\"http://www.fontsquirrel.com/fonts/Franchise\">\u003Cdiv title=\"font-franchise\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"font-franchise\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.fontsquirrel.com/fonts/League-Gothic\">League Gothic\u003C/a>\u003Ca href=\"http://www.fontsquirrel.com/fonts/League-Gothic\">\u003Cdiv title=\"font-league-gothic\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"font-league-gothic\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://typekit.com/fonts/proxima-nova\">Proxima Nova\u003C/a>\u003Ca href=\"http://typekit.com/fonts/proxima-nova\">\u003Cdiv title=\"font-proxima-nova\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"font-proxima-nova\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.fontsquirrel.com/fonts/Museo-Sans\">Museo Sans\u003C/a>\u003Ca href=\"http://www.fontsquirrel.com/fonts/Museo-Sans\">\u003Cdiv title=\"font-museo-sans\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"font-museo-sans\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.fontsquirrel.com/fonts/calluna-sans\">Calluna Sans\u003C/a>\u003Ca href=\"http://www.fontsquirrel.com/fonts/calluna-sans\">\u003Cdiv title=\"font-calluna-sans\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"font-calluna-sans\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.houseind.com/fonts/neutraface\">Neutra Text\u003C/a>\u003Ca href=\"http://www.houseind.com/fonts/neutraface\">\u003Cdiv title=\"font-neutra-text\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"font-neutra-text\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch4>Script Fonts\u003C/h4>\n\u003Cp>\u003Ca href=\"http://www.fontsquirrel.com/fonts/Ballpark\">Ballpark\u003C/a>\u003Ca href=\"http://www.fontsquirrel.com/fonts/Ballpark\">\u003Cdiv title=\"font-ballpark\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"font-ballpark\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.fontsquirrel.com/fonts/Marketing-Script\">Marketing Script\u003C/a>\u003Ca href=\"http://www.fontsquirrel.com/fonts/Marketing-Script\">\u003Cdiv title=\"font-marketing-script\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"font-marketing-script\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.fontsquirrel.com/fonts/Lobster\">Lobster\u003C/a>\u003Ca href=\"http://www.fontsquirrel.com/fonts/Lobster\">\u003Cdiv title=\"font-lobster\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"font-lobster\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.fontsquirrel.com/fonts/lobster-two\">Lobster Two\u003C/a>\u003Ca href=\"http://www.fontsquirrel.com/fonts/lobster-two\">\u003Cdiv title=\"font-lobster-two\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"font-lobster-two\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.fontsquirrel.com/fonts/Holla\">Holla\u003C/a>\u003Ca href=\"http://www.fontsquirrel.com/fonts/Holla\">\u003Cdiv title=\"font-holla\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"font-holla\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://typekit.com/fonts/bistro-script-web\">Bistro Script\u003C/a>\u003Ca href=\"http://typekit.com/fonts/bistro-script-web\">\u003Cdiv title=\"font-bistro-script\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"font-bistro-script\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch3>Hilfreiche Scripts für komplexere Formatierungsmöglichkeiten von Webtypografie\u003C/h3>\n\u003Cp>Nachdem die steigenden Ansprüche an moderne Webtypografie auch immer komplexere Formatierungsmöglichkeiten von Texten verlangen, legen wir euch drei Scripts ans Herz, die euch mehr Kontrolle über die Darstellung von Texten geben:\u003Cbr>\n\u003Ca href=\"http://letteringjs.com/\">Lettering.js\u003C/a>\u003Ca href=\"http://letteringjs.com/\">\u003Cdiv title=\"script-lettering-js\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"script-lettering-js\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.kernjs.com/\">Kern.js\u003C/a>\u003Ca href=\"http://www.kernjs.com/\">\u003Cdiv title=\"script-kern-js\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"script-kern-js\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://fittextjs.com/\">FitText.js\u003C/a>\u003Ca href=\"http://fittextjs.com/\">\u003Cdiv title=\"script-fittext-js\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"script-fittext-js\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\nZu guter Letzt haben wir hier noch das hilfreiche \u003Ca href=\"http://ffffallback.com/\">ffffallback Bookmarklet\u003C/a> für euch, mit dem ihr unkompliziert font-family Fallback-Deklarationen durchtesten könnt. \u003Ca href=\"http://ffffallback.com/\">\u003Cdiv title=\"ffffallback-bookmarklet\" data-entity-type=\"media\" data-entity-uuid=\"0ba95bcf-6704-41bb-9d27-b7c340ab37f2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=eJSr96R5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=cUxaviDH 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=vw-OyGxk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=RzVX2os_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=plt8vtmf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=Fyh1DVOH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=g6siltRZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=qXJ1zgX7 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=K-pzP5Ht 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.webp?itok=R6r-GOz5 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011_kreis-1.jpg.jpg?itok=R6r-GOz5\" alt=\"webtypografie_trends_2011_kreis\" title=\"ffffallback-bookmarklet\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\nUnd für die Comic Sans Criminals haben wir \u003Ca href=\"http://comicsanscriminal.com/\">hier\u003C/a> auch noch eine hübsche Message! Schade nur, dass diese Website nicht mit Webfonts, sondern mit Grafiken arbeitet.\u003Cbr>\nWie geht ihr mit dem Thema Web Fonts um? Setzt ihr Web Fonts für eure Designs ein, oder greift ihr lieber auf websafe Schriften zurück? Mit welchen Schriften arbeitet ihr momentan gerne?\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n",{"__typename":166,"id":167,"excludeFromScreenreader":13,"mediaImage":168,"name":173,"path":176,"status":20},"MediaImage","2143",{"__typename":169,"url":170,"width":171,"height":172,"alt":173,"title":173,"size":174,"mime":175},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2015/02/webtypografie_trends_2011-1.jpg",1920,1280,"Liechtenecker Büro",234943,"image/jpeg","/media/2143/edit","\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://liechtenecker.at/blog/webtypografie-trends-2011/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Webtypografie Trends 2011 - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Im letzten Jahr hat zunehmends das Thema Webtypografie Einzug in modernes Webdesign gehalten. Websites die sich Slab und Bold Fonts wie Rockwell und Museo Slab bedienten, schossen förmlich aus dem Boden und haben damit ein neues typografisches Zeitalter eingeläutet. Doch was hat sich seit dem auf diesem Gebiet getan? Mitte 2011 sieht die typografische Landschaft […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://liechtenecker.at/blog/webtypografie-trends-2011/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2011-06-28T09:58:42+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://liechtenecker.at/wp-content/uploads/2015/02/webtypografie_trends_2011_kreis-1-300x300.jpg\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cmeta name=\"twitter:label1\" content=\"Geschätzte Lesezeit\">\n\t\u003Cmeta name=\"twitter:data1\" content=\"4 Minuten\">\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https://liechtenecker.at/#website\",\"url\":\"https://liechtenecker.at/\",\"name\":\"Liechtenecker\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https://liechtenecker.at/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"ImageObject\",\"@id\":\"https://liechtenecker.at/blog/webtypografie-trends-2011/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://liechtenecker.at/wp-content/uploads/2015/02/webtypografie_trends_2011_kreis-1.jpg\",\"width\":500,\"height\":500,\"caption\":\"Web-Typografie Trends 2011\"},{\"@type\":\"WebPage\",\"@id\":\"https://liechtenecker.at/blog/webtypografie-trends-2011/#webpage\",\"url\":\"https://liechtenecker.at/blog/webtypografie-trends-2011/\",\"name\":\"Webtypografie Trends 2011 - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://liechtenecker.at/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://liechtenecker.at/blog/webtypografie-trends-2011/#primaryimage\"},\"datePublished\":\"2011-06-28T09:58:42+00:00\",\"dateModified\":\"2011-06-28T09:58:42+00:00\",\"author\":{\"@id\":\"https://liechtenecker.at/#/schema/person/663b2d5142421ab394bf325c1b48cecf\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://liechtenecker.at/blog/webtypografie-trends-2011/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://liechtenecker.at/#/schema/person/663b2d5142421ab394bf325c1b48cecf\",\"name\":\"Stephan\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://liechtenecker.at/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/400d5f8c531afb609b81aa66c8d56f01?s=96&d=mm&r=g\",\"caption\":\"Stephan\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":179,"id":180,"myRole":181,"name":182,"nickname":183},"User","23","langgedienter Frontend-Veteran","s-fletzberger","Stephan",{"latestKnowhow":185},[186,201,214],{"__typename":79,"id":187,"title":188,"path":189,"wpTeaserText":190,"wpPromotedTeaserImage":13,"wpHeaderImage":191},"1619","Behind the scenes: Ein Barrierefreiheits-Audit","/blog/behind-scenes-ein-barrierefreiheits-audit","”Entspricht unsere Website den gesetzlichen Anforderungen und wenn nicht, was genau müssen wir ändern?”\r\nDiese Frage lieben wir. Echt! Und so sieht unsere Antwort aus.",{"__typename":166,"id":192,"excludeFromScreenreader":13,"mediaImage":193,"name":199,"path":200,"status":20},"3364",{"__typename":169,"url":194,"width":195,"height":196,"alt":197,"title":13,"size":198,"mime":175},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-04/Headerbilder%20Blogartikel%20Behind%20the%20scene%20Accessibility%20Audit.jpg",2880,1300,"Headline mit Sujet: Tastatur mit Symbolen für Barrierefreiheit im Fokus auf hellem  Hintergrund",838204,"Headerbilder Blogartikel Behind the scene Accessibility Audit.jpg","/media/3364/edit",{"__typename":79,"id":202,"title":203,"path":204,"wpTeaserText":205,"wpPromotedTeaserImage":13,"wpHeaderImage":206},"1616","Agentic KI trifft Design-System: Wie unser Presentation Maker entstand.","/blog/agentic-ki-trifft-design-system-wie-unser-presentation-maker-entstand","Nein, wir wollen euch jetzt nicht erzählen, was KI alles kann. Aber wir möchten euch zeigen, wie wir mit KI umgehen. \r\n",{"__typename":166,"id":207,"excludeFromScreenreader":13,"mediaImage":208,"name":212,"path":213,"status":20},"3355",{"__typename":169,"url":209,"width":195,"height":196,"alt":210,"title":13,"size":211,"mime":175},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-03/BLOG_Presentation%20Tool_TITEL-2880x1300px_1.jpg","Lukas und Daniel  arbeiten an Computern im Büro.",2621988,"BLOG_Presentation Tool_TITEL-2880x1300px.jpg","/media/3355/edit",{"__typename":79,"id":215,"title":216,"path":217,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":218},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":166,"id":219,"excludeFromScreenreader":21,"mediaImage":220,"name":224,"path":225,"status":20},"3303",{"__typename":169,"url":221,"width":195,"height":196,"alt":222,"title":13,"size":223,"mime":175},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-01/BLOG_Trendbericht%202026.jpg","UI Trends 2026, gelber Hintergrund, schwarze Schrift.",4700748,"BLOG_Trendbericht 2026.jpg","/media/3303/edit",{"Language:de":227,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":228,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":232,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":235,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":238,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":241,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":244,"Menu:nuxt-main-menu":247,"ROOT_QUERY":261,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":277,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":280,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":283,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":286,"Menu:footer":289,"TermCategories:8":299,"TermTags:297":310,"TermTags:481":311,"TermTags:1355":312,"TermTags:1496":313,"TermTags:1508":314,"TermTags:1529":315,"MediaImage:2143":316,"User:23":318,"NodeWpPost:1161":319,"MediaImage:3364":350,"NodeWpPost:1619":352,"MediaImage:3355":355,"NodeWpPost:1616":357,"MediaImage:3303":360,"NodeWpPost:1606":362},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",229,"internal",20,"expanded",21,"attributes",231],{"__ref":230},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",233,"internal",20,"expanded",21,"attributes",234],{"__ref":230},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",236,"internal",20,"expanded",21,"attributes",237],{"__ref":230},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",239,"internal",20,"expanded",21,"attributes",240],{"__ref":230},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",242,"internal",20,"expanded",21,"attributes",243],{"__ref":230},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",245,"internal",20,"expanded",21,"attributes",246],{"__ref":230},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",248],[249,251,253,255,257,259],{"__ref":250},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":252},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":254},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":256},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":258},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":260},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",262,"menu({\"name\":\"NUXT_MAIN_MENU\"})",263,"menu({\"name\":\"FOOTER\"})",265,"route({\"path\":\"/blog/webtypografie-trends-2011\"})",267,"latestKnowhow({\"excludeId\":\"1161\",\"limit\":3})",270],"Query",{"__ref":264},"Menu:nuxt-main-menu",{"__ref":266},"Menu:footer",["null","__typename",77,"entity",268],{"__ref":269},"NodeWpPost:1161",[271,273,275],{"__ref":272},"NodeWpPost:1619",{"__ref":274},"NodeWpPost:1616",{"__ref":276},"NodeWpPost:1606",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",278,"internal",20,"expanded",21,"attributes",279],{"__ref":230},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",281,"internal",20,"expanded",21,"attributes",282],{"__ref":230},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",284,"internal",20,"expanded",21,"attributes",285],{"__ref":230},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",287,"internal",21,"expanded",21,"attributes",288],{"__ref":230},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",290],[291,293,295,297],{"__ref":292},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":294},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":296},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":298},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",112,"id",113,"name",114,"path",115,"status",20,"weight",116,"description",300,"langcode",301,"changed",302,"metatag",303],["null","__typename",118,"processed",119,"format",120],{"__ref":230},["null","__typename",83,"timestamp",123,"timezone",85,"offset",86,"time",124],[304,306,308],["null","__typename",93,"tag",94,"attributes",305],["null","__typename",96,"name",97,"content",128],["null","__typename",93,"tag",94,"attributes",307],["null","__typename",96,"name",131,"content",132],["null","__typename",100,"tag",101,"attributes",309],["null","__typename",103,"href",135,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",138,"id",139,"name",140,"path",141,"weight",116],["null","__typename",138,"id",143,"name",144,"path",145,"weight",116],["null","__typename",138,"id",147,"name",148,"path",149,"weight",116],["null","__typename",138,"id",151,"name",152,"path",153,"weight",116],["null","__typename",138,"id",155,"name",156,"path",157,"weight",116],["null","__typename",138,"id",159,"name",160,"path",161,"weight",116],["null","__typename",166,"id",167,"excludeFromScreenreader",13,"mediaImage",317,"name",173,"path",176,"status",20],["null","__typename",169,"url",170,"width",171,"height",172,"alt",173,"title",173,"size",174,"mime",175],["null","__typename",179,"id",180,"myRole",181,"name",182,"nickname",183],["null","__typename",79,"id",80,"title",81,"changed",320,"created",321,"langcode",322,"path",90,"promote",21,"status",20,"sticky",21,"metatag",323,"category",330,"contentElements",13,"evergreen",13,"tags",332,"wpBody",345,"wpHeaderImage",13,"wpHeaderImageOld",346,"wpHeaderImageOldSmall",13,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",177,"author",348],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],{"__ref":230},[324,326,328],["null","__typename",93,"tag",94,"attributes",325],["null","__typename",96,"name",97,"content",98],["null","__typename",100,"tag",101,"attributes",327],["null","__typename",103,"href",104,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",107,"tag",94,"attributes",329],["null","__typename",109,"property",110,"content",81],{"__ref":331},"TermCategories:8",[333,335,337,339,341,343],{"__ref":334},"TermTags:297",{"__ref":336},"TermTags:481",{"__ref":338},"TermTags:1355",{"__ref":340},"TermTags:1496",{"__ref":342},"TermTags:1508",{"__ref":344},"TermTags:1529",["null","__typename",163,"processed",164,"format",120,"summary",13],{"__ref":347},"MediaImage:2143",{"__ref":349},"User:23",["null","__typename",166,"id",192,"excludeFromScreenreader",13,"mediaImage",351,"name",199,"path",200,"status",20],["null","__typename",169,"url",194,"width",195,"height",196,"alt",197,"title",13,"size",198,"mime",175],["null","__typename",79,"id",187,"title",188,"path",189,"wpTeaserText",190,"wpPromotedTeaserImage",13,"wpHeaderImage",353],{"__ref":354},"MediaImage:3364",["null","__typename",166,"id",207,"excludeFromScreenreader",13,"mediaImage",356,"name",212,"path",213,"status",20],["null","__typename",169,"url",209,"width",195,"height",196,"alt",210,"title",13,"size",211,"mime",175],["null","__typename",79,"id",202,"title",203,"path",204,"wpTeaserText",205,"wpPromotedTeaserImage",13,"wpHeaderImage",358],{"__ref":359},"MediaImage:3355",["null","__typename",166,"id",219,"excludeFromScreenreader",21,"mediaImage",361,"name",224,"path",225,"status",20],["null","__typename",169,"url",221,"width",195,"height",196,"alt",222,"title",13,"size",223,"mime",175],["null","__typename",79,"id",215,"title",216,"path",217,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",363],{"__ref":364},"MediaImage:3303"]