{"id":414,"date":"2013-12-03T11:51:29","date_gmt":"2013-12-03T11:51:29","guid":{"rendered":"https:\/\/www.templatemonster.com\/de\/blog\/?p=414"},"modified":"2014-09-19T10:09:49","modified_gmt":"2014-09-19T10:09:49","slug":"icon-fonts-vorteile-nachteile-kostenlose-ressourcen","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/","title":{"rendered":"Icon Fonts: Vorteile, Nachteile &#038; Kostenlose Ressourcen"},"content":{"rendered":"<p>Wahrscheinlich wei\u00dft Du schon, dass man mit Icon-Fonts schnell und leicht arbeiten kann. In diesem Beitrag analysieren wir das Design Werkzeug, seine Methodologie und wie man es verwenden kann.<\/p>\n<p>Zun\u00e4chst schauen wir die Suchabfragen in Google uns zeigt: \u201c<strong>Icon Font<\/strong>\u201d \u2013 720 Anfragen pro Monat, \u201c<strong>Download Icons<\/strong>\u201d \u2013 1000 Anfragen pro Monat (in US.) Die Zahlen sind fast gleiche, aber wo liegt die Unterschied zwischen die Beiden? Hier sehen wir dieses m\u00e4chtige Design Werkzeug aus Sicht des Designers und Coders. Wir finden auch die Vorteile und Nachteile von Icon-Fonts und wir antworten auf die Frage, ob die wirklich \u2018best representatives\u2019 sind.<br \/>\nEs gibt kein Sinn zu diskutieren, ob die Verwendung von Icon Fronts im Web relevant ist. Es ist doch klar. Wir starten lieber mit Vor- und Nachteile von Bitmap-Icons und Icon-Fonts.<!--more--><\/p>\n<h3>Bitmapped icons<\/h3>\n<p>Wir werden \u00fcber Vektor Icons nicht sprechen, weil <strong>svg<\/strong> Support in IE ab die 9. Version startet und die 8. Version ist fast schon hier\u2026<\/p>\n<p><strong>Aus der Designer-Perspektive<\/strong><\/p>\n<ul>\n<li><em>Schnelle Suche<\/em>:die Vorschau von Raster Grafik ben\u00f6tigt keine Installation einer zus\u00e4tzlichen Software \u2013 schon bequemer.<\/li>\n<li><em> Die schnelle Umsetzung in Dokument<\/em>: in <a href=\"https:\/\/www.templatemonster.com\/blog\/de\/category\/photoshop\/\" target=\"_blank\">Photoshop<\/a> oder Gimp zieht man einfach die Datei in Dokument \u2013 auch bequem.<\/li>\n<li><em> Skalierte Rastergrafiken sind schlecht<\/em>: Bei der Vergr\u00f6\u00dferung von Icons verliert man die Qualit\u00e4t \u2013 es ist schlecht.<\/li>\n<\/ul>\n<p><strong> Aus Sicht einer HTML- Coder<\/strong><\/p>\n<ul>\n<li>Es ist ziemlich unbequem diese Icons aus die PSD herausziehen, aber wenn man das schafft, generiert jedes Icon eine Anfrage zur Server. Um diese Belastung zu reduzieren soll man Sprites erstellen \u2013 die kleine Grafik-Elementen in ein ganzes Bild kleben.<\/li>\n<li>Es ist leicht Raster Icons zu animieren, aber man kriegt sehr schlechtes Bildqualit\u00e4t.<\/li>\n<li>Auf den Mobile-Ger\u00e4te sehen Bitmap Icons wegen der Skalierung ganz schlecht aus. Besonders auf dem Ger\u00e4t mit Retina-Display.<\/li>\n<\/ul>\n<h3>Icon Fonts<\/h3>\n<p>In diesem Font ist jedes Element ein Icon. Im Web werden die so verwendet: Du sollst Font Dateien mit deiner Site verbinden, in CSS schreibst Du Regeln mit Selektoren, die f\u00fcr den Icons Inhalt wesentlich sind, class:<\/p>\n<div>\n<table>\n<tbody>\n<tr>\n<td>\n<pre>1<\/pre>\n<\/td>\n<td>\n<pre>icon-home<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>, kann das Icon \u201chome\u201d entsprechen.<\/p>\n<p>Danach schreibst Du in HTML:<\/p>\n<div>\n<table>\n<tbody>\n<tr>\n<td>\n<pre>1<\/pre>\n<\/td>\n<td>\n<pre>&lt;span class=\"icon-home\"&gt; &lt;\/ span&gt;<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>und das Icon <em>home<\/em> erscheint sich auf dem gew\u00fcnschten Ort.<\/p>\n<p><strong>Vorteile<\/strong><\/p>\n<ul>\n<li>Solche Icons skaliert\/animiert man ohne Probleme (Icon Fonts sind Vektor)<\/li>\n<li>man kann leicht die gro\u00dfe Icons-Sammlungen verwenden.<\/li>\n<li>Diese Icons sehen auf alle Ger\u00e4te gut aus.<\/li>\n<li>Es ist problemlos die Icons auf der Seite platzieren (HTML Interaktionen.)<\/li>\n<li>Man kann die Farbe und Gr\u00f6\u00dfe via <a href=\"https:\/\/www.templatemonster.com\/blog\/de\/category\/css\/\" target=\"_blank\" class=\"broken_link\">CSS<\/a> \u00e4ndern.<\/li>\n<li>Shadow Icons kann man auch mit Hilfe von CSS3 \u00e4ndern (in alte IE-Versionen nicht erbracht)<\/li>\n<\/ul>\n<p><strong>Nachteile<\/strong><\/p>\n<ul>\n<li>F\u00fcr die Icon-Vorschau muss man eine Webseite \u00f6ffnen oder die bestimmte Software verwenden.<\/li>\n<li>Icons sind einfarbig.<\/li>\n<li>Die Verwendung im Grafik-Editor ist komplizierter.<\/li>\n<li>Ohne Optimierung gibt es im Font viele nicht genutzte Icons (die Dateigr\u00f6\u00dfe ist zu gro\u00df)<\/li>\n<\/ul>\n<p>Jetzt schauen wir die Icon-Fonts noch n\u00e4her. Unten gibt es eine Menge Ressourcen, wo man diese Design Goodies kostenlos herunterladen kann.<\/p>\n<p>Auf alle Ressourcen gibt es <strong>verschiedene Icons-Sammlungen<\/strong>. Du kannst die gerne haben. Je nach Projekt ben\u00f6tigt man verschiedene Icons, deswegen sollst du Icons nach deinem Wunsch ausw\u00e4hlen und danach auf den <strong>Download Button<\/strong> dr\u00fccken.<\/p>\n<p><a href=\"http:\/\/fontello.com\" target=\"_blank\" rel=\"nofollow\">Fontello<\/a><\/p>\n<p><a href=\"http:\/\/fontello.com\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2458\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2014\/09\/fontello.jpg\" alt=\"fontello\" width=\"941\" height=\"645\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/09\/fontello.jpg 941w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/09\/fontello-300x205.jpg 300w\" sizes=\"(max-width: 941px) 100vw, 941px\" \/><\/a><\/p>\n<p><center>* * *<\/center><a href=\"http:\/\/zurb.com\/playground\/foundation-icons\" target=\"_blank\" rel=\"nofollow\">Zurb<\/a><\/p>\n<p><center><a href=\"http:\/\/zurb.com\/playground\/foundation-icons\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2459\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2014\/09\/foundation_icon.jpg\" alt=\"foundation_icon\" width=\"941\" height=\"645\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/09\/foundation_icon.jpg 941w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/09\/foundation_icon-300x205.jpg 300w\" sizes=\"(max-width: 941px) 100vw, 941px\" \/><\/a><\/center><center>* * *<\/center><a href=\"http:\/\/thedesignoffice.org\/project\/modern-pictograms\" target=\"_blank\" rel=\"nofollow\">Modern Pictograms<\/a><\/p>\n<p><center><a href=\"http:\/\/thedesignoffice.org\/project\/modern-pictograms\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2462\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2014\/09\/pictograms.jpg\" alt=\"pictograms\" width=\"459\" height=\"645\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/09\/pictograms.jpg 459w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/09\/pictograms-213x300.jpg 213w\" sizes=\"(max-width: 459px) 100vw, 459px\" \/><\/a><\/center><center>* * *<\/center><a href=\"http:\/\/typicons.com\" target=\"_blank\" rel=\"nofollow\">Typicons<\/a><\/p>\n<p><a href=\"http:\/\/typicons.com\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2463\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2014\/09\/typicons.jpg\" alt=\"typicons\" width=\"459\" height=\"645\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/09\/typicons.jpg 459w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/09\/typicons-213x300.jpg 213w\" sizes=\"(max-width: 459px) 100vw, 459px\" \/><\/a><\/p>\n<p><center>* * *<\/center><a href=\"http:\/\/www.entypo.com\" target=\"_blank\" rel=\"nofollow\">Entypo<\/a><\/p>\n<p><a href=\"http:\/\/www.entypo.com\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2456\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2014\/09\/entypo.jpg\" alt=\"entypo\" width=\"459\" height=\"645\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/09\/entypo.jpg 459w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/09\/entypo-213x300.jpg 213w\" sizes=\"(max-width: 459px) 100vw, 459px\" \/><\/a><\/p>\n<p><center><\/center><center>* * *<\/center><a href=\"http:\/\/fortawesome.github.io\/Font-Awesome\/\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\">Font Awesome<\/a><\/p>\n<p><a href=\"http:\/\/fortawesome.github.io\/Font-Awesome\/\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2457\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2014\/09\/font_awesome.jpg\" alt=\"font_awesome\" width=\"459\" height=\"645\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/09\/font_awesome.jpg 459w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/09\/font_awesome-213x300.jpg 213w\" sizes=\"(max-width: 459px) 100vw, 459px\" \/><\/a><\/p>\n<p><center><\/center><center>* * *<\/center><a href=\"http:\/\/thenounproject.com\" target=\"_blank\" rel=\"nofollow\">The Noun Project<\/a><\/p>\n<p><center><a href=\"http:\/\/thenounproject.com\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2461\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2014\/09\/nounproject.jpg\" alt=\"nounproject\" width=\"941\" height=\"645\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/09\/nounproject.jpg 941w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/09\/nounproject-300x205.jpg 300w\" sizes=\"(max-width: 941px) 100vw, 941px\" \/><\/a><\/center><center>* * *<\/center><a href=\"http:\/\/somerandomdude.com\/work\/iconic\/\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\">Iconic<\/a><\/p>\n<p><center><a href=\"http:\/\/somerandomdude.com\/work\/iconic\/\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2460\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2014\/09\/iconic.jpg\" alt=\"iconic\" width=\"941\" height=\"645\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/09\/iconic.jpg 941w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/09\/iconic-300x205.jpg 300w\" sizes=\"(max-width: 941px) 100vw, 941px\" \/><\/a><\/center><center>* * *<\/center><a href=\"http:\/\/www.ffdingbatsfont.com\" target=\"_blank\" rel=\"nofollow\">FF Dingbats <\/a><\/p>\n<p><center><a href=\"http:\/\/www.ffdingbatsfont.com\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2455\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2014\/09\/dingbats2.jpg\" alt=\"dingbats2\" width=\"941\" height=\"645\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/09\/dingbats2.jpg 941w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/09\/dingbats2-300x205.jpg 300w\" sizes=\"(max-width: 941px) 100vw, 941px\" \/><\/a><\/center><center>* * *<\/center>Das war`s. Wenn Du schon Icon-Fonts nutzt, dann beschreibe bitte deine Erfahrung im Kommentar. Du kannst auch gerne Links mit deinen beliebten Icon-Fonts-Ressourcen hinterlassen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wahrscheinlich wei\u00dft Du schon, dass man mit Icon-Fonts schnell und leicht arbeiten kann. In diesem Beitrag analysieren wir das Design Werkzeug, seine Methodologie und wie man es verwenden kann. Zun\u00e4chst schauen wir die Suchabfragen in Google uns zeigt: \u201cIcon Font\u201d \u2013 720 Anfragen pro Monat, \u201cDownload Icons\u201d \u2013 1000 Anfragen pro Monat (in US.) Die [&hellip;]<\/p>\n","protected":false},"author":398561,"featured_media":1812,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[11,9],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Icon Fonts: Vorteile, Nachteile &amp; Kostenlose Ressourcen \u2b50 TemplateMonster Deutscher Blog<\/title>\n<meta name=\"description\" content=\"Wahrscheinlich wei\u00dft Du schon, dass man mit Icon-Fonts schnell und leicht arbeiten kann. In diesem Beitrag analysieren wir das Design Werkzeug, seine\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Icon Fonts: Vorteile, Nachteile &amp; Kostenlose Ressourcen \u2b50 TemplateMonster Deutscher Blog\" \/>\n<meta property=\"og:description\" content=\"Wahrscheinlich wei\u00dft Du schon, dass man mit Icon-Fonts schnell und leicht arbeiten kann. In diesem Beitrag analysieren wir das Design Werkzeug, seine\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/\" \/>\n<meta property=\"og:site_name\" content=\"TemplateMonster Deutscher Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/templatemonster.de\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-12-03T11:51:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-09-19T10:09:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2013\/12\/2013.11.27.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"536\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Nataly Ohlsen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TM_Deutschland\" \/>\n<meta name=\"twitter:site\" content=\"@TM_Deutschland\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nataly Ohlsen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/\"},\"author\":{\"name\":\"Nataly Ohlsen\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/2e24c6b22f0b3e2b1320176bd7ab3241\"},\"headline\":\"Icon Fonts: Vorteile, Nachteile &#038; Kostenlose Ressourcen\",\"datePublished\":\"2013-12-03T11:51:29+00:00\",\"dateModified\":\"2014-09-19T10:09:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/\"},\"wordCount\":560,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\"},\"articleSection\":[\"Kostenlos\",\"Webdesign\"],\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/\",\"url\":\"https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/\",\"name\":\"Icon Fonts: Vorteile, Nachteile & Kostenlose Ressourcen \u2b50 TemplateMonster Deutscher Blog\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#website\"},\"datePublished\":\"2013-12-03T11:51:29+00:00\",\"dateModified\":\"2014-09-19T10:09:49+00:00\",\"description\":\"Wahrscheinlich wei\u00dft Du schon, dass man mit Icon-Fonts schnell und leicht arbeiten kann. In diesem Beitrag analysieren wir das Design Werkzeug, seine\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Icon Fonts: Vorteile, Nachteile &#038; Kostenlose Ressourcen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/de\/#website\",\"url\":\"https:\/\/monsterspost.com\/de\/\",\"name\":\"TemplateMonster Deutscher Blog\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\",\"name\":\"MonsterPost Deutschland\",\"url\":\"https:\/\/monsterspost.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost Deutschland\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/channel\/UC19iEGcEhlFidO5ruNGE5yg\",\"https:\/\/www.facebook.com\/templatemonster.de\/\",\"https:\/\/twitter.com\/TM_Deutschland\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/2e24c6b22f0b3e2b1320176bd7ab3241\",\"name\":\"Nataly Ohlsen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d431cfcfe1189f47cdb7caab1f182151?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d431cfcfe1189f47cdb7caab1f182151?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Nataly Ohlsen\"},\"description\":\"Ist Expertin auf dem Gebiet Content-Marketing bei TemplateMonster. Nataly auf Facebook.\",\"url\":\"https:\/\/monsterspost.com\/de\/author\/nataly\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Icon Fonts: Vorteile, Nachteile & Kostenlose Ressourcen \u2b50 TemplateMonster Deutscher Blog","description":"Wahrscheinlich wei\u00dft Du schon, dass man mit Icon-Fonts schnell und leicht arbeiten kann. In diesem Beitrag analysieren wir das Design Werkzeug, seine","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:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/","og_locale":"de_DE","og_type":"article","og_title":"Icon Fonts: Vorteile, Nachteile & Kostenlose Ressourcen \u2b50 TemplateMonster Deutscher Blog","og_description":"Wahrscheinlich wei\u00dft Du schon, dass man mit Icon-Fonts schnell und leicht arbeiten kann. In diesem Beitrag analysieren wir das Design Werkzeug, seine","og_url":"https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/","og_site_name":"TemplateMonster Deutscher Blog","article_publisher":"https:\/\/www.facebook.com\/templatemonster.de\/","article_published_time":"2013-12-03T11:51:29+00:00","article_modified_time":"2014-09-19T10:09:49+00:00","og_image":[{"width":900,"height":536,"url":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2013\/12\/2013.11.27.jpg","type":"image\/jpeg"}],"author":"Nataly Ohlsen","twitter_card":"summary_large_image","twitter_creator":"@TM_Deutschland","twitter_site":"@TM_Deutschland","twitter_misc":{"Verfasst von":"Nataly Ohlsen","Gesch\u00e4tzte Lesezeit":"3 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/"},"author":{"name":"Nataly Ohlsen","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/2e24c6b22f0b3e2b1320176bd7ab3241"},"headline":"Icon Fonts: Vorteile, Nachteile &#038; Kostenlose Ressourcen","datePublished":"2013-12-03T11:51:29+00:00","dateModified":"2014-09-19T10:09:49+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/"},"wordCount":560,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/de\/#organization"},"articleSection":["Kostenlos","Webdesign"],"inLanguage":"de-DE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/","url":"https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/","name":"Icon Fonts: Vorteile, Nachteile & Kostenlose Ressourcen \u2b50 TemplateMonster Deutscher Blog","isPartOf":{"@id":"https:\/\/monsterspost.com\/de\/#website"},"datePublished":"2013-12-03T11:51:29+00:00","dateModified":"2014-09-19T10:09:49+00:00","description":"Wahrscheinlich wei\u00dft Du schon, dass man mit Icon-Fonts schnell und leicht arbeiten kann. In diesem Beitrag analysieren wir das Design Werkzeug, seine","breadcrumb":{"@id":"https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/de\/icon-fonts-vorteile-nachteile-kostenlose-ressourcen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/de\/"},{"@type":"ListItem","position":2,"name":"Icon Fonts: Vorteile, Nachteile &#038; Kostenlose Ressourcen"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/de\/#website","url":"https:\/\/monsterspost.com\/de\/","name":"TemplateMonster Deutscher Blog","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/de\/#organization","name":"MonsterPost Deutschland","url":"https:\/\/monsterspost.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost Deutschland"},"image":{"@id":"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/channel\/UC19iEGcEhlFidO5ruNGE5yg","https:\/\/www.facebook.com\/templatemonster.de\/","https:\/\/twitter.com\/TM_Deutschland"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/2e24c6b22f0b3e2b1320176bd7ab3241","name":"Nataly Ohlsen","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d431cfcfe1189f47cdb7caab1f182151?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d431cfcfe1189f47cdb7caab1f182151?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Nataly Ohlsen"},"description":"Ist Expertin auf dem Gebiet Content-Marketing bei TemplateMonster. Nataly auf Facebook.","url":"https:\/\/monsterspost.com\/de\/author\/nataly\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/414"}],"collection":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/users\/398561"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/comments?post=414"}],"version-history":[{"count":12,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/414\/revisions"}],"predecessor-version":[{"id":2469,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/414\/revisions\/2469"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/media\/1812"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/media?parent=414"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/categories?post=414"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/tags?post=414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}