[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"gvCNQ7aO5Yyg209q-8-3xlguyAABE2nCURQKJpEq6kQ":75,"aG-zg1AXGndYxzhWEMd4oXCrtCTZLnlIClEmPBbppi8":168,"_apollo:default":213},{"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":158,"wpHeaderImage":13,"wpHeaderImageOld":13,"wpHeaderImageOldSmall":13,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":161,"author":162},"NodeWpPost","1187","Weg frei für die Typografievielfalt",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1290496693,"UTC","+00:00","2010-11-23T07:18:13+00:00",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},{"__typename":16,"id":17,"name":18,"direction":19},"/blog/weg-frei-fur-die-typografievielfalt",[92,99,106],{"__typename":93,"tag":94,"attributes":95},"MetaTagValue","meta",{"__typename":96,"name":97,"content":98},"MetaTagValueAttributes","title","Weg frei für die Typografievielfalt | 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/weg-frei-fur-die-typografievielfalt","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],{"__typename":138,"id":139,"name":140,"path":141,"weight":116},"TermTags","295","CSS","/tag/css",{"__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},"482","fonts","/tag/fonts",{"__typename":138,"id":151,"name":152,"path":153,"weight":116},"1354","typo","/tag/typo",{"__typename":138,"id":155,"name":156,"path":157,"weight":116},"1508","webfonts","/tag/webfonts",{"__typename":159,"processed":160,"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\u003Cp>Mit dem Jahr 2010 dürfte die alleinige Herrschaft der  Windows-Schriften in Browsern vorbei sein. Wer seine eigene Schrift entwickelt  oder etwas anderes ausprobieren will, muss nun nicht mehr mühsam und wenig  barrierefrei auf Bilder oder Flash ausweichen, sondern kann diese direkt im  Browser darstellen. \u003C/p>\n\u003Cp>Mehr als 95 Prozent der Browser im deutschsprachigen Raum beherrschen  die Einbettung von Schriften mit der CSS-Funktion @font-face. Was das Format  der Schriftdatei angeht, gab es aber lange Zeit keine einheitliche  Vorgehensweise: Während der Internet Explorer 6 das Schriftformat Embedded Open  Type (.eot) verwendet, setzen Firefox, Chrome, Safari und Opera auf die  TrueType (.ttf) und OpenType (.otf), während der Safari am iPhone und iPad nur  Schriften im svg-Format darstellte. \u003C/p>\n\u003Cp>\u003Cimg src=\"http://images.liechtenecker.at/2010/11/fonts.jpg\" alt=\"fonts\" title=\"fonts\">\u003C/p>\n\u003Ch3>.woff macht es wieder gut \u003C/h3>\n\u003Cp>  Im April 2010 haben nun alle großen Browserfirmen das Web Open Font  Format (.woff) beim Gremium zur Standardisierung des World Wide Web, dem World  Wide Web Konsortium (\u003Ca href=\"http://www.w3.org/\" target=\"_blank\" rel=\"noopener noreferrer\">W3C\u003C/a>)  eingereicht. Aktuell gibt es  dieses Format in Firefox und Chrome; Internet Explorer, Safari und Opera sollen  bald folgen. Mit diesem neuen Standard kann jede Schriftdatei in das notwendige  Schriftformat umgewandelt und in die Website eingebaut werden. \u003C/p>\n\u003Cp>Aber Achtung: Nachdem das Darstellen auf einer Website einer  Vervielfältigung gleichkommt, könnten gewisse Lizenzen notwendig sein, auch  wenn es sich dabei um Freefonts handelt. Bei letzterem ist meistens als  Voraussetzung für eine Nutzung die Erwähnung und Verlinkung auf die Website des  Schriftenentwicklers Pflicht. Grundsätzlich gilt, sich vor der Verwendung jeder  neuen Schrift die Lizenzbestimmungen genau anzusehen. \u003C/p>\n\u003Ch3>Fonts-Anbieter \u003C/h3>\n\u003Cp> Dieser Schritt fällt weg, wenn man sich mit seinen Seiten an Web  Fonts-Anbieter wendet. Die zwei bekanntesten sind Google und Typekit. \u003C/p>\n\u003Cp>\u003Cu>\u003Cstrong>Google \u003C/strong>\u003C/u>\u003Cstrong>\u003Ca href=\"http://code.google.com/intl/de-DE/apis/webfonts/\" target=\"_blank\" rel=\"noopener noreferrer\">http://code.google.com/intl/de-DE/apis/webfonts/\u003C/a>\u003C/strong>\u003C/p>\n\u003Cp> Das Google Font-Verzeichnis listet Schriftarten auf, die unter einer  Open-Source-Lizenz verfügbar sind und hohe Qualität gewährleisten – derzeit  sind es 18 Schriften. Per Klick erzeugt Google mittels des Font API ein  HTML-Fragment, welches das Stylesheet von den Google-Servern lädt; dieses macht  wiederum die Font-Datei auf der einbindenden Seite verfügbar. Je nach Browser  serviert Google dann eine TTF- oder eine EOT-Datei. Sowohl CSS-Datei als auch  Schriftdatei liegen dabei zentral auf Google-Servern, dass heißt sie befinden  sich im Cache des Nutzers und müssen nicht mehr extra heruntergeladen werden. \u003C/p>\n\u003Cp>\u003Cu>\u003Cstrong>Typekit \u003C/strong>\u003C/u>\u003Cstrong>\u003Ca href=\"http://typekit.com/\" target=\"_blank\" rel=\"noopener noreferrer\">http://typekit.com/\u003C/a>\u003C/strong>\u003C/p>\n\u003Cp> Für einen Betrag von bis zu 100 Dollar ist eine umfangreiche Sammlung  von rund 4.000 unterschiedlichen Schriften unter TypeKit erhältlich. Sie reicht  von Open Source-Fonts bis hin zu hochwertigen kommerziellen Schriftarten.  Typekit war eines der ersten Services in diesem Bereich und ist mit rund 80  Millionen Unique Usern im Monat auch das beliebteste. Typekit ist sehr einfach  konfigurierbar und erlaubt eine Integration binnen weniger Minuten. Die gesamte  Schriftensammlung ist zu einem recht niedrigen Preis erhältlich (zwei Seiten,  fünf Fonts per Seite um 24,99 Dollar pro Jahr), womit man als Entwickler  unterschiedliche Schriften auf einer Seite, als auch auf mehreren Seiten  ausprobieren kann. Der Nachteil ist, dass Typekit Javascript verlangt und die  Fonts nicht für die Verwendung außerhalb des Browsers gedacht sind. \u003C/p>\n\u003Cp>Einen guten Vergleich von zehn unterschiedlichen Schriftenservices  findet ihr \u003Ca href=\"http://www.smashingmagazine.com/2010/10/20/review-of-popular-web-font-embedding-services/\" target=\"_blank\" rel=\"noopener noreferrer\">unter\u003C/a>\u003C/p>\n\u003Ch3>Welche Fonts für welchen Zweck? \u003C/h3>\n\u003Cp> Nachdem es im Web eine Vielzahl von Schriften gibt, stellt sich  natürlich immer die Frage, welche denn für welchen Zweck am besten geeignet  ist. Während für Blog-Headlines eher auffällige Display-Fonts (wie zum Beispiel  Code, FF Meta Web, Museo Sans) passen, sind klassische Firmen-Websiten mit  einer dezenten Brotschrift mit dem gewissen Etwas (wie Proxima Nova, Vollkorn)  gut beraten. Nutzt man eine Schrift nicht nur für Überschriften oder Menüs  sondern auch für Fließtexte, ist ein gutes Hinting  http://de.wikipedia.org/wiki/Hint wichtig. Damit werden die Buchstaben bei  kleinerer Schrift nicht herunterskaliert, sondern sind auch bei niedriger  Auflösung weiterhin gut lesbar. Geeignete Schriften sind zum Beispiel Calluna  oder Droid Sans – letztere ist übrigens auch für mobile Seiten gut  anwendbar.  \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n","\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/weg-frei-fur-die-typografievielfalt/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Weg frei für die Typografievielfalt - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Mit dem Jahr 2010 dürfte die alleinige Herrschaft der Windows-Schriften in Browsern vorbei sein. Wer seine eigene Schrift entwickelt oder etwas anderes ausprobieren will, muss nun nicht mehr mühsam und wenig barrierefrei auf Bilder oder Flash ausweichen, sondern kann diese direkt im Browser darstellen. Mehr als 95 Prozent der Browser im deutschsprachigen Raum beherrschen die […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://liechtenecker.at/blog/weg-frei-fur-die-typografievielfalt/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2010-11-23T08:18:13+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"http://images.liechtenecker.at/2010/11/fonts.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=\"3 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/weg-frei-fur-die-typografievielfalt/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"http://images.liechtenecker.at/2010/11/fonts.jpg\"},{\"@type\":\"WebPage\",\"@id\":\"https://liechtenecker.at/blog/weg-frei-fur-die-typografievielfalt/#webpage\",\"url\":\"https://liechtenecker.at/blog/weg-frei-fur-die-typografievielfalt/\",\"name\":\"Weg frei f\\u00fcr die Typografievielfalt - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://liechtenecker.at/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://liechtenecker.at/blog/weg-frei-fur-die-typografievielfalt/#primaryimage\"},\"datePublished\":\"2010-11-23T08:18:13+00:00\",\"dateModified\":\"2010-11-23T08:18:13+00:00\",\"author\":{\"@id\":\"https://liechtenecker.at/#/schema/person/663b2d5142421ab394bf325c1b48cecf\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://liechtenecker.at/blog/weg-frei-fur-die-typografievielfalt/\"]}]},{\"@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":163,"id":164,"myRole":165,"name":166,"nickname":167},"User","23","langgedienter Frontend-Veteran","s-fletzberger","Stephan",{"latestKnowhow":169},[170,188,201],{"__typename":79,"id":171,"title":172,"path":173,"wpTeaserText":174,"wpPromotedTeaserImage":13,"wpHeaderImage":175},"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":176,"id":177,"excludeFromScreenreader":13,"mediaImage":178,"name":186,"path":187,"status":20},"MediaImage","3364",{"__typename":179,"url":180,"width":181,"height":182,"alt":183,"title":13,"size":184,"mime":185},"Image","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,"image/jpeg","Headerbilder Blogartikel Behind the scene Accessibility Audit.jpg","/media/3364/edit",{"__typename":79,"id":189,"title":190,"path":191,"wpTeaserText":192,"wpPromotedTeaserImage":13,"wpHeaderImage":193},"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":176,"id":194,"excludeFromScreenreader":13,"mediaImage":195,"name":199,"path":200,"status":20},"3355",{"__typename":179,"url":196,"width":181,"height":182,"alt":197,"title":13,"size":198,"mime":185},"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":202,"title":203,"path":204,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":205},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":176,"id":206,"excludeFromScreenreader":21,"mediaImage":207,"name":211,"path":212,"status":20},"3303",{"__typename":179,"url":208,"width":181,"height":182,"alt":209,"title":13,"size":210,"mime":185},"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":214,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":215,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":219,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":222,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":225,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":228,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":231,"Menu:nuxt-main-menu":234,"ROOT_QUERY":248,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":264,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":267,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":270,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":273,"Menu:footer":276,"TermCategories:8":286,"TermTags:295":297,"TermTags:481":298,"TermTags:482":299,"TermTags:1354":300,"TermTags:1508":301,"User:23":302,"NodeWpPost:1187":303,"MediaImage:3364":330,"NodeWpPost:1619":332,"MediaImage:3355":335,"NodeWpPost:1616":337,"MediaImage:3303":340,"NodeWpPost:1606":342},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",216,"internal",20,"expanded",21,"attributes",218],{"__ref":217},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",220,"internal",20,"expanded",21,"attributes",221],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",223,"internal",20,"expanded",21,"attributes",224],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",226,"internal",20,"expanded",21,"attributes",227],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",229,"internal",20,"expanded",21,"attributes",230],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",232,"internal",20,"expanded",21,"attributes",233],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",235],[236,238,240,242,244,246],{"__ref":237},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":239},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":241},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":243},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":245},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":247},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",249,"menu({\"name\":\"NUXT_MAIN_MENU\"})",250,"menu({\"name\":\"FOOTER\"})",252,"route({\"path\":\"/blog/weg-frei-fur-die-typografievielfalt\"})",254,"latestKnowhow({\"excludeId\":\"1187\",\"limit\":3})",257],"Query",{"__ref":251},"Menu:nuxt-main-menu",{"__ref":253},"Menu:footer",["null","__typename",77,"entity",255],{"__ref":256},"NodeWpPost:1187",[258,260,262],{"__ref":259},"NodeWpPost:1619",{"__ref":261},"NodeWpPost:1616",{"__ref":263},"NodeWpPost:1606",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",265,"internal",20,"expanded",21,"attributes",266],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",268,"internal",20,"expanded",21,"attributes",269],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",271,"internal",20,"expanded",21,"attributes",272],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",274,"internal",21,"expanded",21,"attributes",275],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",277],[278,280,282,284],{"__ref":279},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":281},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":283},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":285},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",112,"id",113,"name",114,"path",115,"status",20,"weight",116,"description",287,"langcode",288,"changed",289,"metatag",290],["null","__typename",118,"processed",119,"format",120],{"__ref":217},["null","__typename",83,"timestamp",123,"timezone",85,"offset",86,"time",124],[291,293,295],["null","__typename",93,"tag",94,"attributes",292],["null","__typename",96,"name",97,"content",128],["null","__typename",93,"tag",94,"attributes",294],["null","__typename",96,"name",131,"content",132],["null","__typename",100,"tag",101,"attributes",296],["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",163,"id",164,"myRole",165,"name",166,"nickname",167],["null","__typename",79,"id",80,"title",81,"changed",304,"created",305,"langcode",306,"path",90,"promote",21,"status",20,"sticky",21,"metatag",307,"category",314,"contentElements",13,"evergreen",13,"tags",316,"wpBody",327,"wpHeaderImage",13,"wpHeaderImageOld",13,"wpHeaderImageOldSmall",13,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",161,"author",328],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],{"__ref":217},[308,310,312],["null","__typename",93,"tag",94,"attributes",309],["null","__typename",96,"name",97,"content",98],["null","__typename",100,"tag",101,"attributes",311],["null","__typename",103,"href",104,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",107,"tag",94,"attributes",313],["null","__typename",109,"property",110,"content",81],{"__ref":315},"TermCategories:8",[317,319,321,323,325],{"__ref":318},"TermTags:295",{"__ref":320},"TermTags:481",{"__ref":322},"TermTags:482",{"__ref":324},"TermTags:1354",{"__ref":326},"TermTags:1508",["null","__typename",159,"processed",160,"format",120,"summary",13],{"__ref":329},"User:23",["null","__typename",176,"id",177,"excludeFromScreenreader",13,"mediaImage",331,"name",186,"path",187,"status",20],["null","__typename",179,"url",180,"width",181,"height",182,"alt",183,"title",13,"size",184,"mime",185],["null","__typename",79,"id",171,"title",172,"path",173,"wpTeaserText",174,"wpPromotedTeaserImage",13,"wpHeaderImage",333],{"__ref":334},"MediaImage:3364",["null","__typename",176,"id",194,"excludeFromScreenreader",13,"mediaImage",336,"name",199,"path",200,"status",20],["null","__typename",179,"url",196,"width",181,"height",182,"alt",197,"title",13,"size",198,"mime",185],["null","__typename",79,"id",189,"title",190,"path",191,"wpTeaserText",192,"wpPromotedTeaserImage",13,"wpHeaderImage",338],{"__ref":339},"MediaImage:3355",["null","__typename",176,"id",206,"excludeFromScreenreader",21,"mediaImage",341,"name",211,"path",212,"status",20],["null","__typename",179,"url",208,"width",181,"height",182,"alt",209,"title",13,"size",210,"mime",185],["null","__typename",79,"id",202,"title",203,"path",204,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",343],{"__ref":344},"MediaImage:3303"]