{"id":4766,"date":"2012-06-30T13:00:59","date_gmt":"2012-06-30T11:00:59","guid":{"rendered":"http:\/\/textundblog.de\/?p=4766"},"modified":"2012-06-30T14:14:26","modified_gmt":"2012-06-30T12:14:26","slug":"font-wechsel-von-georgia-zu-open-sans","status":"publish","type":"post","link":"https:\/\/textundblog.de\/?p=4766","title":{"rendered":"Font-Wechsel von Georgia zu Open Sans"},"content":{"rendered":"

Weil ich bei meinen Streifz\u00fcgen durchs Netz den Wiedererkennungswert von Webseiten selbst sch\u00e4tze, bin ich kein Freund h\u00e4ufiger Layout-Wechsel. Blogs, aber auch andere Websites, die alle drei Monate ihr Aussehen \u00e4ndern, verwirren mich mehr, als dass ich den frischen Wind zu w\u00fcrdigen w\u00fcsste. In gestalterischen Dingen bin ich eher konservativ. \ud83d\ude09<\/p>\n

Deshalb hat mein Blog im achten Jahr seines Bestehens auch erst einen<\/em> Layout-Wechsel<\/a> im Jahr 2007 hinter sich und auch den<\/em> noch mit starkem Wiedererkennungswert durch Beibehaltung der Grundfarben und der r\u00f6mischen Header-Fotos. Doch heute hab ich mal seit Langem wieder was ge\u00e4ndert, und zwar die Schrift des Blogs. Weil ich die mit der Zeit ein wenig langweilig fand. Angeregt vom Typolution-Artikel \u00abIst Open Sans die neue Arial im Web?<\/a>\u00bb habe ich diesen Google-Webfont mal hier eingebaut. Ich finde ihn ganz angenehm und sehr gut lesbar.<\/p>\n

Neu (Open Sans, li.) und Alt (Georgia, re.) im Vergleich, auf Klick in gro\u00df:<\/p>\n

\"Font-Wechsel<\/a><\/p>\n

Wie der Wechsel zu einem Webfont geht, steht auf der betreffenden Google-Seite: Collection: Open Sans<\/a>. Man sollte auch bedenken, eine Fallback-Schrift<\/a> einzubauen, falls der Webfont mal nicht geladen wird. F\u00fcr diesen Zweck hab ich dann die Arial<\/em> genommen und folgende Zeile in mein Stylesheet eingetragen:<\/p>\n

body {font-family: 'Open Sans', 'Arial', sans-serif;}<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"

Weil ich bei meinen Streifz\u00fcgen durchs Netz den Wiedererkennungswert von Webseiten selbst sch\u00e4tze, bin ich kein Freund h\u00e4ufiger Layout-Wechsel. Blogs, aber auch andere Websites, die alle drei Monate ihr Aussehen \u00e4ndern, verwirren mich mehr, als dass ich den frischen Wind zu w\u00fcrdigen w\u00fcsste. In gestalterischen Dingen bin ich eher konservativ. \ud83d\ude09 Deshalb hat mein Blog […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ngg_post_thumbnail":0,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[13],"tags":[],"class_list":["post-4766","post","type-post","status-publish","format-standard","hentry","category-webdesign"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4uzZ-1eS","jetpack-related-posts":[{"id":1665,"url":"https:\/\/textundblog.de\/?p=1665","url_meta":{"origin":4766,"position":0},"title":"Neues Layout auf Text & Blog","author":"Markus","date":"1\/7\/2007","format":false,"excerpt":"Wie ihr vielleicht bemerkt habt, hat sich das Design dieses Blogs etwas ver\u00e4ndert. Die Blogheader wechseln jetzt, je nach gew\u00e4hlter Seite (je nachdem ob die Startseite, einzelne Artikel oder das Impressum aufgerufen werden). Ich bin ja kein Freund von st\u00e4ndigen Layoutwechseln, aber nach \u00fcber zweieinhalb Jahren gleichem Aussehen gibt es\u2026","rel":"","context":"In "Internet"","block_context":{"text":"Internet","link":"https:\/\/textundblog.de\/?cat=4"},"img":{"alt_text":"neue Blogheader auf Text & Blog","src":"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/neueblogheader.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":1681,"url":"https:\/\/textundblog.de\/?p=1681","url_meta":{"origin":4766,"position":1},"title":"Zum neuen Layout von Text & Blog","author":"Markus","date":"6\/7\/2007","format":false,"excerpt":"Nach einigen Tagen mit Text & Blog im neuen Layout darf ich bereits ein erstes positives Fazit ziehen. Die hiesigen Ver\u00e4nderungen wurden in den Kommentaren und in pers\u00f6nlichen Stellungnahmen \u00fcberaus positiv aufgenommen. Mein Ziel, die \u00dcbersichtlichkeit trotz komplexer Inhalte zu erh\u00f6hen und den Wandel nicht zu drastisch ausfallen zu lassen\u2026","rel":"","context":"In "Foto"","block_context":{"text":"Foto","link":"https:\/\/textundblog.de\/?cat=10"},"img":{"alt_text":"Altes Layout Text & Blog","src":"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/tubscr-borg.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":3806,"url":"https:\/\/textundblog.de\/?p=3806","url_meta":{"origin":4766,"position":2},"title":"Elektrischer Reporter: Open Data","author":"Markus","date":"26\/10\/2010","format":false,"excerpt":"Wer sich kurz und knapp dar\u00fcber informieren m\u00f6chte, was sich eigentlich hinter dem Begriff Open Data verbirgt, dem sei die Dummy-Folge des Elektrischen Reporters empfohlen:
Flash-Version Internet und Politik stehen in einer wechselseitigen Beziehung zueinander: Einerseits hat sich das Web zu einem politischen Raum entwickelt, zum neuen Ort\u2026","rel":"","context":"In "Politik"","block_context":{"text":"Politik","link":"https:\/\/textundblog.de\/?cat=9"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1352,"url":"https:\/\/textundblog.de\/?p=1352","url_meta":{"origin":4766,"position":3},"title":"CSS-Layouts: Mehrspaltiges f\u00fcr die digitale Boh\u00e8me","author":"Markus","date":"16\/12\/2006","format":false,"excerpt":"Das im Hochsommer von Dirk Jesse f\u00fcr die Weihnachtszeit angek\u00fcndigte Buch CSS-Layouts (Verlags-Infos und ausf\u00fchrliches Probekapitel) ist tats\u00e4chlich im Dezember erschienen. Spaltenlayout geh\u00f6rt seit langem zum gestalterischen Repertoire des Webdesigns. Der Wechsel vom bisherigen, tabellengest\u00fctzten Layout zu einer CSS-Layout-L\u00f6sung birgt aber viele Probleme und verlangt nach konsequenter Trennung von Textauszeichnung\u2026","rel":"","context":"In "Literatur"","block_context":{"text":"Literatur","link":"https:\/\/textundblog.de\/?cat=11"},"img":{"alt_text":"CSS-Layouts: Buch und Referenzkarte","src":".\/wp-content\/css-layouts.jpg","width":350,"height":200},"classes":[]},{"id":3340,"url":"https:\/\/textundblog.de\/?p=3340","url_meta":{"origin":4766,"position":4},"title":"Text & Blog ab sofort in 3-spaltigem Layout","author":"Markus","date":"9\/1\/2010","format":false,"excerpt":"Layoutvergleich: links: 2 Spalten (vorher); rechts: 3 Spalten (nachher); auf Flickr in gro\u00df. Wie auf Twitter gestern schon angek\u00fcndigt, habe ich meinem Blog heute ein leichtes Redesign geg\u00f6nnt. Aus dem 2-spaltigen Layout ist ein 3-spaltiges geworden. Viel hat sich ansonsten \u2013 zumindest sichtbar \u2013 nicht ge\u00e4ndert. Und wenn ich nicht\u2026","rel":"","context":"In "Webdesign"","block_context":{"text":"Webdesign","link":"https:\/\/textundblog.de\/?cat=13"},"img":{"alt_text":"vorher: 2-spaltiges Layout","src":"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/tub2010-2spaltig.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":3782,"url":"https:\/\/textundblog.de\/?p=3782","url_meta":{"origin":4766,"position":5},"title":"Newtwitter und Hinweis ‚Try it now!‘ abschalten","author":"Markus","date":"10\/10\/2010","format":false,"excerpt":"Twitter hat in den letzten Tagen den Nutzern ein neues Layout angeboten, das unter dem Namen Newtwitter l\u00e4uft, und das mir, wie vielen anderen, \u00fcberhaupt nicht gef\u00e4llt. Es ist zu breit, bietet in seinem 3-spaltigen Layout an prominenter Stelle Infos an, die ich nicht brauche (Wem folgen?, Trends\u2026). Diese kann\u2026","rel":"","context":"In "Bluesky"","block_context":{"text":"Bluesky","link":"https:\/\/textundblog.de\/?cat=33"},"img":{"alt_text":"3-spaltiges Newtwitter-Layout","src":"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/newtwitter.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/posts\/4766","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4766"}],"version-history":[{"count":0,"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/posts\/4766\/revisions"}],"wp:attachment":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4766"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4766"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}