{"id":63674,"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-10T20:13:27","modified_gmt":"2026-06-10T20:13:27","slug":"font-piu-popolari-design-web","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/it\/font-piu-popolari-design-web\/","title":{"rendered":"I font pi\u00f9 popolari per il web design"},"content":{"rendered":"

Quando parliamo di web design<\/strong>, ci riferiamo alla strutturazione dei contenuti, all\u2019uso corretto delle immagini e all\u2019attenzione nella scelta di una o pi\u00f9 buone font che valorizzino il progetto<\/strong> che stiamo realizzando.<\/p>\n

Senza dubbio, la piattaforma di riferimento per la scelta delle font da utilizzare sul web \u00e8 Google Fonts: https:\/\/fonts.google.com\/<\/a><\/p>\n

 <\/p>\n

Google Fonts: come scegliere la tipografia per il tuo sito web<\/h2>\n

Fino a qualche anno fa, come molti sapranno, quando realizzavamo un sito web<\/strong> si utilizzavano quasi esclusivamente i font di sistema, perch\u00e9 la maggior parte dei browser non supportava ancora le font esterne.<\/p>\n

Oggi, invece, grazie ai browser aggiornati, abbiamo a disposizione centinaia di font tra cui scegliere e, con l\u2019arrivo di Google Fonts, tutto \u00e8 diventato ancora pi\u00f9 semplice.<\/p>\n

 <\/p>\n

I font pi\u00f9 popolari secondo Google Fonts<\/h3>\n

Ecco la classifica dei 5 font pi\u00f9 utilizzati secondo Google Fonts. L\u2019elenco si basa sul numero di richieste che ogni font riceve.<\/p>\n

1. Roboto<\/h3>\n

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

Disegnato da Christian Robertson, \u00e8 un font meccanico e geometrico. Viene utilizzato su ben 32.600 miliardi di siti web<\/strong>.<\/p>\n

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

 <\/p>\n

2. Open Sans<\/h3>\n

\"open<\/p>\n

Al secondo posto troviamo Open Sans, progettato da Steve Matteson. \u00c8 un font ottimizzato per garantire una lettura fluida sia sul web che su carta. Con Open Sans sono stati realizzati 28.000 miliardi di pagine web<\/strong>. Noi stessi lo abbiamo scelto per diversi progetti e, sinceramente, \u00e8 uno dei nostri preferiti.<\/p>\n

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

 <\/p>\n

3. Lato<\/h3>\n

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

Lato, disegnata da \u0141ukasz Dziedzic, \u00e8 una Sans Serif utilizzata su 6.980 miliardi di siti web. Offre una vasta gamma di pesi, dalla bold molto marcata fino a un peso ultra light. Ho un legame particolare con questo font: se non ricordo male, \u00e8 stata una delle prime tipografie che ho scelto su Google Fonts, abbandonando finalmente la classica Arial.<\/p>\n

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

 <\/p>\n

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

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

Disegnata da John Hudson, Slabo 27px \u00e8 una tipografia davvero particolare. Si tratta di una font pensata per essere utilizzata esclusivamente nella sua dimensione specifica<\/strong>, ovvero 27px. \u00c8 ideale per il web design e per tutte le attivit\u00e0 di marketing digitale. Esiste anche la versione Slabo 13px<\/strong>. Proprio perch\u00e9 progettata per una dimensione precisa, garantisce una resa visiva perfetta<\/strong>.<\/p>\n

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

Quando parliamo di web design, ci riferiamo alla strutturazione dei contenuti, all\u2019uso corretto delle immagini e all\u2019attenzione nella scelta di una o pi\u00f9 buone font che valorizzino il progetto che stiamo realizzando. Senza dubbio, la piattaforma di riferimento per la scelta delle font da utilizzare sul web \u00e8 Google Fonts: https:\/\/fonts.google.com\/   Google Fonts: come […]<\/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":[],"class_list":["post-63674","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"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\/it\/font-piu-popolari-design-web\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\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\/it\/font-piu-popolari-design-web\/\" \/>\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-10T20:13:27+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\\\/it\\\/font-piu-popolari-design-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/font-piu-popolari-design-web\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"I font pi\u00f9 popolari per il web design\",\"datePublished\":\"2017-05-15T16:46:41+00:00\",\"dateModified\":\"2026-06-10T20:13:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/font-piu-popolari-design-web\\\/\"},\"wordCount\":363,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/font-piu-popolari-design-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/las-fuentes-mas-populares-para-el-diseno-web-featured.jpg\",\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/font-piu-popolari-design-web\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/font-piu-popolari-design-web\\\/\",\"name\":\"Las fuentes m\u00e1s populares para el dise\u00f1o web - Code web Barcelona\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/font-piu-popolari-design-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/font-piu-popolari-design-web\\\/#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-10T20:13:27+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Repasamos las tipograf\u00edas o fuentes m\u00e1s utilizadas dentro del dise\u00f1o web seg\u00fan Google Fonts.\",\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/font-piu-popolari-design-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/font-piu-popolari-design-web\\\/#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\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@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\/it\/font-piu-popolari-design-web\/","og_locale":"it_IT","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\/it\/font-piu-popolari-design-web\/","og_site_name":"CODE","article_published_time":"2017-05-15T16:46:41+00:00","article_modified_time":"2026-06-10T20:13:27+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\/it\/font-piu-popolari-design-web\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/it\/font-piu-popolari-design-web\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/it\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"I font pi\u00f9 popolari per il web design","datePublished":"2017-05-15T16:46:41+00:00","dateModified":"2026-06-10T20:13:27+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/it\/font-piu-popolari-design-web\/"},"wordCount":363,"image":{"@id":"https:\/\/codewebbarcelona.com\/it\/font-piu-popolari-design-web\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/las-fuentes-mas-populares-para-el-diseno-web-featured.jpg","inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/it\/font-piu-popolari-design-web\/","url":"https:\/\/codewebbarcelona.com\/it\/font-piu-popolari-design-web\/","name":"Las fuentes m\u00e1s populares para el dise\u00f1o web - Code web Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/it\/font-piu-popolari-design-web\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/it\/font-piu-popolari-design-web\/#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-10T20:13:27+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/it\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Repasamos las tipograf\u00edas o fuentes m\u00e1s utilizadas dentro del dise\u00f1o web seg\u00fan Google Fonts.","inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/it\/font-piu-popolari-design-web\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/codewebbarcelona.com\/it\/font-piu-popolari-design-web\/#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\/it\/#website","url":"https:\/\/codewebbarcelona.com\/it\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/it\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"it-IT","@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\/it\/wp-json\/wp\/v2\/posts\/63674","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/comments?post=63674"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/posts\/63674\/revisions"}],"predecessor-version":[{"id":63685,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/posts\/63674\/revisions\/63685"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/media\/4078"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/media?parent=63674"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/categories?post=63674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}