{"id":50755,"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-10T11:41:39","modified_gmt":"2026-06-10T11:41:39","slug":"polices-populaires-design-web","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/fr\/polices-populaires-design-web\/","title":{"rendered":"Les polices les plus populaires pour le design web"},"content":{"rendered":"

Lorsque l\u2019on parle de design web<\/strong>, il s\u2019agit de structurer le contenu, d\u2019utiliser judicieusement les images et surtout de choisir des polices de qualit\u00e9 qui soutiennent l\u2019identit\u00e9 visuelle<\/strong> que l\u2019on souhaite cr\u00e9er.<\/p>\n

Sans conteste, la r\u00e9f\u00e9rence incontournable pour s\u00e9lectionner des polices adapt\u00e9es au web reste Google Fonts : https:\/\/fonts.google.com\/<\/a><\/p>\n

 <\/p>\n

Google Fonts : choisir la bonne police pour votre site web<\/h2>\n

Il y a quelques ann\u00e9es, comme vous le savez sans doute, la norme lors de la cr\u00e9ation d\u2019un site web<\/strong> \u00e9tait d\u2019utiliser les polices syst\u00e8me, car la plupart des navigateurs ne prenaient pas en charge les polices externes.<\/p>\n

Aujourd\u2019hui, gr\u00e2ce \u00e0 l\u2019\u00e9volution des navigateurs, des centaines de polices sont d\u00e9sormais accessibles et, avec l\u2019arriv\u00e9e de Google Fonts, le choix est encore plus vaste et simple.<\/p>\n

 <\/p>\n

Les polices les plus populaires selon Google Fonts<\/h3>\n

Voici le top 5 des polices les plus utilis\u00e9es sur Google Fonts, bas\u00e9 sur le nombre de requ\u00eates enregistr\u00e9es pour chacune d\u2019elles.<\/p>\n

1. Roboto<\/h3>\n

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

Cr\u00e9\u00e9e par Christian Robertson, Roboto est une police m\u00e9canique et g\u00e9om\u00e9trique. Elle \u00e9quipe pas moins de 32,6 milliards de sites web<\/strong>.<\/p>\n

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

 <\/p>\n

2. Open Sans<\/h3>\n

\"open<\/p>\n

En deuxi\u00e8me position, Open Sans, con\u00e7ue par Steve Matteson. Cette police a \u00e9t\u00e9 optimis\u00e9e pour offrir une excellente lisibilit\u00e9 aussi bien \u00e0 l\u2019\u00e9cran qu\u2019\u00e0 l\u2019impression. Open Sans a \u00e9t\u00e9 utilis\u00e9e pour la conception de 28 milliards de pages web<\/strong>. Nous l\u2019avons d\u2019ailleurs adopt\u00e9e sur plusieurs projets et c\u2019est l\u2019une de nos favorites.<\/p>\n

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

 <\/p>\n

3.\u00a0Lato<\/h3>\n

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

Lato, dessin\u00e9e par \u0141ukasz Dziedzic, est une police sans empattement utilis\u00e9e sur 6,98 milliards de sites web. Elle se d\u00e9cline en de nombreux styles, du bold tr\u00e8s marqu\u00e9 au light ultra-fin. J\u2019ai une affection particuli\u00e8re pour cette police : c\u2019est l\u2019une des premi\u00e8res que j\u2019ai utilis\u00e9es via Google Fonts, d\u00e9laissant enfin l\u2019\u00e9ternelle Arial.<\/p>\n

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

 <\/p>\n

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

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

Cr\u00e9\u00e9e par John Hudson, Slabo 27px est une police assez singuli\u00e8re. Il s\u2019agit d\u2019une police con\u00e7ue sp\u00e9cifiquement pour \u00eatre utilis\u00e9e \u00e0 la taille de 27px<\/strong>. Elle est pens\u00e9e pour le digital, que ce soit pour le web ou le marketing en ligne. Une version Slabo 13px existe \u00e9galement<\/strong>. Gr\u00e2ce \u00e0 cette conception sur-mesure, le rendu visuel est parfaitement optimis\u00e9<\/strong> \u00e0 la taille pr\u00e9vue.<\/p>\n

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

Lorsque l\u2019on parle de design web, il s\u2019agit de structurer le contenu, d\u2019utiliser judicieusement les images et surtout de choisir des polices de qualit\u00e9 qui soutiennent l\u2019identit\u00e9 visuelle que l\u2019on souhaite cr\u00e9er. Sans conteste, la r\u00e9f\u00e9rence incontournable pour s\u00e9lectionner des polices adapt\u00e9es au web reste Google Fonts : https:\/\/fonts.google.com\/   Google Fonts : choisir la […]<\/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":[495],"class_list":["post-50755","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conception-developpement-web"],"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\/fr\/polices-populaires-design-web\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\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\/fr\/polices-populaires-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-10T11:41:39+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\\\/fr\\\/polices-populaires-design-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/polices-populaires-design-web\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Les polices les plus populaires pour le design web\",\"datePublished\":\"2017-05-15T16:46:41+00:00\",\"dateModified\":\"2026-06-10T11:41:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/polices-populaires-design-web\\\/\"},\"wordCount\":428,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/polices-populaires-design-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/las-fuentes-mas-populares-para-el-diseno-web-featured.jpg\",\"articleSection\":[\"Conception et d\u00e9veloppement web\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/polices-populaires-design-web\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/polices-populaires-design-web\\\/\",\"name\":\"Las fuentes m\u00e1s populares para el dise\u00f1o web - Code web Barcelona\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/polices-populaires-design-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/polices-populaires-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-10T11:41:39+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Repasamos las tipograf\u00edas o fuentes m\u00e1s utilizadas dentro del dise\u00f1o web seg\u00fan Google Fonts.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/polices-populaires-design-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/polices-populaires-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\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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\/fr\/polices-populaires-design-web\/","og_locale":"fr_FR","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\/fr\/polices-populaires-design-web\/","og_site_name":"CODE","article_published_time":"2017-05-15T16:46:41+00:00","article_modified_time":"2026-06-10T11:41:39+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\/fr\/polices-populaires-design-web\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/fr\/polices-populaires-design-web\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/fr\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Les polices les plus populaires pour le design web","datePublished":"2017-05-15T16:46:41+00:00","dateModified":"2026-06-10T11:41:39+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/fr\/polices-populaires-design-web\/"},"wordCount":428,"image":{"@id":"https:\/\/codewebbarcelona.com\/fr\/polices-populaires-design-web\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/las-fuentes-mas-populares-para-el-diseno-web-featured.jpg","articleSection":["Conception et d\u00e9veloppement web"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/fr\/polices-populaires-design-web\/","url":"https:\/\/codewebbarcelona.com\/fr\/polices-populaires-design-web\/","name":"Las fuentes m\u00e1s populares para el dise\u00f1o web - Code web Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/fr\/polices-populaires-design-web\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/fr\/polices-populaires-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-10T11:41:39+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/fr\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Repasamos las tipograf\u00edas o fuentes m\u00e1s utilizadas dentro del dise\u00f1o web seg\u00fan Google Fonts.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/fr\/polices-populaires-design-web\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/codewebbarcelona.com\/fr\/polices-populaires-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\/fr\/#website","url":"https:\/\/codewebbarcelona.com\/fr\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/fr\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"fr-FR","@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\/fr\/wp-json\/wp\/v2\/posts\/50755","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/comments?post=50755"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts\/50755\/revisions"}],"predecessor-version":[{"id":50766,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts\/50755\/revisions\/50766"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/media\/4078"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/media?parent=50755"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/categories?post=50755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}