{"id":94155,"date":"2017-05-15T16:46:41","date_gmt":"2017-05-15T16:46:41","guid":{"rendered":"https:\/\/codewebbarcelona.com\/las-fuentes-mas-populares-diseno-web\/"},"modified":"2026-06-12T09:51:44","modified_gmt":"2026-06-12T09:51:44","slug":"die-beliebtesten-schriftarten-fuer-webdesign","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/de\/die-beliebtesten-schriftarten-fuer-webdesign\/","title":{"rendered":"Die beliebtesten Schriftarten f\u00fcr Webdesign"},"content":{"rendered":"

Wenn wir von Webdesign<\/strong> sprechen, geht es um die Strukturierung von Inhalten, den richtigen Einsatz von Bildern und das Gesp\u00fcr daf\u00fcr, eine oder mehrere gute Schriften auszuw\u00e4hlen, die das Design<\/strong> unterst\u00fctzen, das wir entwickeln.<\/p>\n

Die Plattform schlechthin, wenn es um die Auswahl von Schriften f\u00fcr den Einsatz im Web geht, ist ohne Zweifel Google Fonts: https:\/\/fonts.google.com\/<\/a><\/p>\n

 <\/p>\n

Google Fonts: die passende Schrift f\u00fcr das Design einer Website ausw\u00e4hlen<\/h2>\n

Vor einigen Jahren war es, wie ihr sicher wisst, beim Design einer Website<\/strong> am \u00fcblichsten, Systemschriften zu verwenden, da die meisten Browser den Einsatz externer Schriften nicht unterst\u00fctzten.<\/p>\n

Seit einigen Jahren stehen uns dank aktueller Browser jedoch Hunderte von Schriften zur Verf\u00fcgung, die wir nutzen k\u00f6nnen. Und mit dem Start von Google Fonts ist das Ganze noch einfacher geworden.<\/p>\n

 <\/p>\n

Die beliebtesten Schriften laut Google Fonts<\/h3>\n

Hier ist die Liste der 5 beliebtesten Schriften laut Google Fonts. Sie basiert auf der Anzahl der Anfragen, die jede einzelne Schrift erh\u00e4lt.<\/p>\n

1. Roboto<\/h3>\n

\"roboto\"<\/p>\n

Entworfen von Christian Robertson, ist Roboto eine technisch anmutende und geometrische Schrift. Sie wird auf sage und schreibe 32,6 Milliarden Websites<\/strong> eingesetzt.<\/p>\n

Roboto ansehen<\/a><\/p>\n

 <\/p>\n

2. Open Sans<\/h3>\n

\"open<\/p>\n

Auf dem zweiten Platz steht Open Sans. Eine Schrift, die von Steve Matteson entworfen wurde. Sie wurde f\u00fcr eine sehr gute Lesbarkeit sowohl im Web als auch im Druck optimiert. Mit Open Sans wurden 28 Milliarden Webseiten gestaltet<\/strong>. Wir haben sie bereits in mehreren Projekten eingesetzt und ehrlich gesagt geh\u00f6rt sie zu den Schriften, die uns am besten gefallen.<\/p>\n

Open Sans ansehen<\/a><\/p>\n

 <\/p>\n

3.\u00a0Lato<\/h3>\n

\"lato\"<\/p>\n

Lato, entworfen von \u0141ukasz Dziedzic, ist eine Sans-Serif-Schrift, die auf 6,98 Milliarden Websites verwendet wird. Sie bietet eine gro\u00dfe Auswahl an Schriftschnitten \u2013 von einer recht kr\u00e4ftigen Bold-Variante bis hin zu einem sehr leichten Schnitt. Zu dieser Schrift habe ich eine besondere Beziehung, denn wenn ich mich richtig erinnere, war sie eine der ersten Schriften, die ich \u00fcber Google Fonts verwendet habe, um endlich den \u201eF\u00e4ngen\u201c der klassischen Arial zu entkommen.<\/p>\n

Lato ansehen<\/a><\/p>\n

 <\/p>\n

4. Slabo 27px<\/h3>\n

\"slabo\"<\/p>\n

Entworfen von John Hudson, ist Slabo 27px eine etwas besondere Schrift. Es handelt sich um eine Schrift, die genau f\u00fcr die Verwendung in ihrer konkreten Gr\u00f6\u00dfe<\/strong> von 27px entwickelt wurde. Sie ist f\u00fcr digitale Medien gedacht, etwa Webdesign und alle Arten von Online-Marketing. Au\u00dferdem enth\u00e4lt sie auch Slabo 13px<\/strong>. Da sie f\u00fcr eine ganz bestimmte Gr\u00f6\u00dfe konzipiert und gestaltet wurde, erzielt sie bei der Darstellung ein perfektes Ergebnis<\/strong>.<\/p>\n

Slavo 27px ansehen<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Wenn wir von Webdesign sprechen, geht es um die Strukturierung von Inhalten, den richtigen Einsatz von Bildern und das Gesp\u00fcr daf\u00fcr, eine oder mehrere gute Schriften auszuw\u00e4hlen, die das Design unterst\u00fctzen, das wir entwickeln. Die Plattform schlechthin, wenn es um die Auswahl von Schriften f\u00fcr den Einsatz im Web geht, ist ohne Zweifel Google Fonts: […]<\/p>\n","protected":false},"author":1,"featured_media":4078,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[658],"class_list":["post-94155","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign-webentwicklung"],"acf":[],"yoast_head":"\nLas fuentes m\u00e1s populares para el dise\u00f1o web - Code web Barcelona<\/title>\n<meta name=\"description\" content=\"Repasamos las tipograf\u00edas o fuentes m\u00e1s utilizadas dentro del dise\u00f1o web seg\u00fan Google Fonts.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/de\/die-beliebtesten-schriftarten-fuer-webdesign\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Las fuentes m\u00e1s populares para el dise\u00f1o web - Code web Barcelona\" \/>\n<meta property=\"og:description\" content=\"Repasamos las tipograf\u00edas o fuentes m\u00e1s utilizadas dentro del dise\u00f1o web seg\u00fan Google Fonts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/de\/die-beliebtesten-schriftarten-fuer-webdesign\/\" \/>\n<meta property=\"og:site_name\" content=\"CODE\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-15T16:46:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-12T09:51:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/las-fuentes-mas-populares-para-el-diseno-web-featured.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2543\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/die-beliebtesten-schriftarten-fuer-webdesign\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/die-beliebtesten-schriftarten-fuer-webdesign\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Die beliebtesten Schriftarten f\u00fcr Webdesign\",\"datePublished\":\"2017-05-15T16:46:41+00:00\",\"dateModified\":\"2026-06-12T09:51:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/die-beliebtesten-schriftarten-fuer-webdesign\\\/\"},\"wordCount\":423,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/die-beliebtesten-schriftarten-fuer-webdesign\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/las-fuentes-mas-populares-para-el-diseno-web-featured.jpg\",\"articleSection\":[\"Webdesign und -entwicklung\"],\"inLanguage\":\"de-DE\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/die-beliebtesten-schriftarten-fuer-webdesign\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/die-beliebtesten-schriftarten-fuer-webdesign\\\/\",\"name\":\"Las fuentes m\u00e1s populares para el dise\u00f1o web - Code web Barcelona\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/die-beliebtesten-schriftarten-fuer-webdesign\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/die-beliebtesten-schriftarten-fuer-webdesign\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/las-fuentes-mas-populares-para-el-diseno-web-featured.jpg\",\"datePublished\":\"2017-05-15T16:46:41+00:00\",\"dateModified\":\"2026-06-12T09:51:44+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Repasamos las tipograf\u00edas o fuentes m\u00e1s utilizadas dentro del dise\u00f1o web seg\u00fan Google Fonts.\",\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/die-beliebtesten-schriftarten-fuer-webdesign\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/die-beliebtesten-schriftarten-fuer-webdesign\\\/#primaryimage\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/las-fuentes-mas-populares-para-el-diseno-web-featured.jpg\",\"contentUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/las-fuentes-mas-populares-para-el-diseno-web-featured.jpg\",\"width\":2543,\"height\":700},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\\\/\\\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Las fuentes m\u00e1s populares para el dise\u00f1o web - Code web Barcelona","description":"Repasamos las tipograf\u00edas o fuentes m\u00e1s utilizadas dentro del dise\u00f1o web seg\u00fan Google Fonts.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codewebbarcelona.com\/de\/die-beliebtesten-schriftarten-fuer-webdesign\/","og_locale":"de_DE","og_type":"article","og_title":"Las fuentes m\u00e1s populares para el dise\u00f1o web - Code web Barcelona","og_description":"Repasamos las tipograf\u00edas o fuentes m\u00e1s utilizadas dentro del dise\u00f1o web seg\u00fan Google Fonts.","og_url":"https:\/\/codewebbarcelona.com\/de\/die-beliebtesten-schriftarten-fuer-webdesign\/","og_site_name":"CODE","article_published_time":"2017-05-15T16:46:41+00:00","article_modified_time":"2026-06-12T09:51:44+00:00","og_image":[{"width":2543,"height":700,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/las-fuentes-mas-populares-para-el-diseno-web-featured.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/de\/die-beliebtesten-schriftarten-fuer-webdesign\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/de\/die-beliebtesten-schriftarten-fuer-webdesign\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/de\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Die beliebtesten Schriftarten f\u00fcr Webdesign","datePublished":"2017-05-15T16:46:41+00:00","dateModified":"2026-06-12T09:51:44+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/de\/die-beliebtesten-schriftarten-fuer-webdesign\/"},"wordCount":423,"image":{"@id":"https:\/\/codewebbarcelona.com\/de\/die-beliebtesten-schriftarten-fuer-webdesign\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/las-fuentes-mas-populares-para-el-diseno-web-featured.jpg","articleSection":["Webdesign und -entwicklung"],"inLanguage":"de-DE"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/de\/die-beliebtesten-schriftarten-fuer-webdesign\/","url":"https:\/\/codewebbarcelona.com\/de\/die-beliebtesten-schriftarten-fuer-webdesign\/","name":"Las fuentes m\u00e1s populares para el dise\u00f1o web - Code web Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/de\/die-beliebtesten-schriftarten-fuer-webdesign\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/de\/die-beliebtesten-schriftarten-fuer-webdesign\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/las-fuentes-mas-populares-para-el-diseno-web-featured.jpg","datePublished":"2017-05-15T16:46:41+00:00","dateModified":"2026-06-12T09:51:44+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/de\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Repasamos las tipograf\u00edas o fuentes m\u00e1s utilizadas dentro del dise\u00f1o web seg\u00fan Google Fonts.","inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/de\/die-beliebtesten-schriftarten-fuer-webdesign\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/codewebbarcelona.com\/de\/die-beliebtesten-schriftarten-fuer-webdesign\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/las-fuentes-mas-populares-para-el-diseno-web-featured.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/las-fuentes-mas-populares-para-el-diseno-web-featured.jpg","width":2543,"height":700},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/de\/#website","url":"https:\/\/codewebbarcelona.com\/de\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/de\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts\/94155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/comments?post=94155"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts\/94155\/revisions"}],"predecessor-version":[{"id":94166,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts\/94155\/revisions\/94166"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/media\/4078"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/media?parent=94155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/categories?post=94155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}