{"id":126478,"date":"2021-04-28T11:18:39","date_gmt":"2021-04-28T11:18:39","guid":{"rendered":"https:\/\/elementor.com\/blog\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/"},"modified":"2025-12-28T20:31:32","modified_gmt":"2025-12-28T18:31:32","slug":"les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/","title":{"rendered":"Les 20 meilleurs tutoriels de typographie pour les concepteurs web"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"126478\" class=\"elementor elementor-126478 elementor-65529\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-97376b3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"97376b3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3a36000\" data-id=\"3a36000\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-777ee12 elementor-widget elementor-widget-text-editor\" data-id=\"777ee12\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Certains concepteurs web peuvent consid\u00e9rer la <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/best-fonts-for-websites\/\" title=\"typographie\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"5384\">typographie<\/a> comme l&rsquo;un des \u00e9l\u00e9ments les moins importants de la conception web, mais elle peut faire ou d\u00e9faire l&rsquo;exp\u00e9rience utilisateur de multiples fa\u00e7ons. <\/p>\n<p>De bons <a href=\"https:\/\/elementor.com\/blog\/typography-trends\/\" target=\"_blank\" rel=\"noopener\">choix typographiques<\/a> peuvent renforcer la lisibilit\u00e9, la facilit\u00e9 de lecture, l&rsquo;identit\u00e9 de marque, l&rsquo;accessibilit\u00e9 et le taux de conversion. En revanche, de mauvais choix typographiques peuvent affaiblir ces facteurs et ruiner l&rsquo;exp\u00e9rience de l&rsquo;utilisateur. <\/p>\n<p>La typographie est donc un aspect important de la conception web, et un \u00e9l\u00e9ment que chaque concepteur devrait ma\u00eetriser lorsqu&rsquo;il <a href=\"https:\/\/elementor.com\/blog\/start-web-design-business\/\" target=\"_blank\" rel=\"noopener\">lance une entreprise de conception web<\/a>. Fort heureusement, le web regorge de tutoriels et de <a href=\"https:\/\/elementor.com\/blog\/best-online-web-design-courses\/\" target=\"_blank\" rel=\"noopener\">cours de typographie utiles pour les concepteurs web<\/a>.<\/p>\n<p>Dans cet article, nous allons examiner 20 tutoriels de conception web. Bien que de nombreux tutoriels soient disponibles gratuitement en ligne, nous avons \u00e9galement inclus certains cours en ligne payants. Apr\u00e8s tout, lorsque vous essayez de <a href=\"https:\/\/elementor.com\/blog\/find-web-design-work\/\" target=\"_blank\" rel=\"noopener\">trouver du travail en conception web<\/a>, vous devez \u00eatre en mesure de vous d\u00e9marquer, et poss\u00e9der un certificat d&rsquo;ach\u00e8vement d&rsquo;une institution ou d&rsquo;un fournisseur de cours reconnu peut vous y aider.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89256a4 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"89256a4\" data-element_type=\"widget\" data-gac=\"CTA_Elements\" data-gaa=\"Link\" data-gal=\"Position_Text_CTA\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/elementor.com\/blog\/typography-trends\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">D\u00e9couvrez les derni\u00e8res tendances en typographie et inspirez-vous <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df572ce blog-toc elementor-widget elementor-widget-heading\" data-id=\"df572ce\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Table des Mati\u00e8res<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6079d99 blog-toc elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"6079d99\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#twenty-amazing-online-typography-tutorials\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">20 incroyables tutoriels de typographie en ligne<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#web-typography-the-complete-guide-for-designers\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">1. La typographie web : Le guide complet pour les concepteurs<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-add-custom-fonts-to-your-wordpress-website\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">2. Comment ajouter des polices personnalis\u00e9es \u00e0 votre site WordPress<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-use-elementors-global-colors-and-fonts\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">3. Comment utiliser les couleurs et les polices globales d'Elementor<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#the-ultimate-guide-to-basic-typography\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">4. Le guide ultime de la typographie de base<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#typography-tutorial-for-beginners-everything-you-need-to-learn-typography-basics\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">5. Tutoriel de typographie pour d\u00e9butants : Tout ce que vous devez apprendre sur les bases de la typographie<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#introduction-to-typography\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">6. Introduction \u00e0 la typographie<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#the-psychology-of-fonts\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">7. La psychologie des polices (Les polices qui \u00e9voquent des \u00e9motions)<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#web-typography-for-designers-and-developers\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">8. La typographie web pour les concepteurs et les d\u00e9veloppeurs<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#textual-elements-of-design-fonts-typography-and-spacing\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">9. Les \u00e9l\u00e9ments textuels du design : Polices, typographie et espacement<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#typography-for-designers-and-developers\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">10. La typographie pour les concepteurs et les d\u00e9veloppeurs - Ne soyez pas m\u00e9diocre en design<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#when-to-use-each-font-type\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">11. Quand utiliser chaque type de police (et quand ne pas le faire) !<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-know-if-a-font-is-good-or-if-it-sucks\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">12. Comment savoir si une police est bonne ou si elle est mauvaise ?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#choosing-web-fonts-a-beginners-guide\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">13. Choisir des polices web : Un guide pour d\u00e9butants<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-choose-fonts-for-your-designs\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">14. Comment choisir des polices pour vos designs<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-choose-fonts\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">15. Comment choisir des polices<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#pocket-guide-to-combining-typefaces\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">16. Guide de poche pour combiner les polices<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-change-font-in-wordpress-theme\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">17. Comment changer la police dans un th\u00e8me WordPress (Tous les th\u00e8mes)<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#modern-css-techniques-to-improve-legibility\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">18. Techniques CSS modernes pour am\u00e9liorer la lisibilit\u00e9<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#introduction-to-variable-fonts-on-the-web\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">19. Introduction aux polices variables sur le web<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#learn-how-to-use-type\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">20. Apprenez \u00e0 utiliser la typographie - Critique manuelle de typographie<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd6b461 elementor-widget elementor-widget-menu-anchor\" data-id=\"cd6b461\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"vingt-incroyables-tutoriels-de-typographie-en-ligne\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5bb277 elementor-widget elementor-widget-heading\" data-id=\"b5bb277\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">20 incroyables tutoriels de typographie en ligne\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6770ca3 elementor-widget elementor-widget-text-editor\" data-id=\"6770ca3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Des termes typographiques de base \u00e0 l&rsquo;optimisation des polices avec <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-is-css\/\" title=\"CSS\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"4447\">CSS<\/a>, nous avons rassembl\u00e9 les meilleurs tutoriels de typographie pour les concepteurs.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d8bffd elementor-widget elementor-widget-menu-anchor\" data-id=\"0d8bffd\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"la-typographie-web-le-guide-complet-pour-les-concepteurs\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d4af80 elementor-widget elementor-widget-heading\" data-id=\"7d4af80\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1. La typographie web : Le guide complet pour les concepteurs\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a14ee3b elementor-widget elementor-widget-image\" data-id=\"a14ee3b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/brand_blog_post-02-r4q731bklp634w52h7rxehqkqh60eodkn332oi8628.png\" title=\"elementor-typography\" alt=\"elementor-typography\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de5fa1b elementor-widget elementor-widget-text-editor\" data-id=\"de5fa1b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau de comp\u00e9tence :<\/strong> D\u00e9butant \u00e0 interm\u00e9diaire<\/p>\n<p><strong>Dur\u00e9e :<\/strong> 30 minutes<\/p>\n<p><strong>Co\u00fbt :<\/strong> Gratuit<\/p>\n<p>Ce <a href=\"https:\/\/elementor.com\/blog\/guide-to-web-typography\/\" target=\"_blank\" rel=\"noopener\">tutoriel de typographie provient d&rsquo;Elementor<\/a>, ce qui signifie que vous apprendrez plus que simplement comment utiliser la typographie dans la conception web. Vous allez apprendre \u00e0 mettre tout cela en pratique \u2014 des \u00e9l\u00e9ments tels que la mise en forme, l&rsquo;\u00e9tablissement d&rsquo;une hi\u00e9rarchie visuelle, la cr\u00e9ation d&rsquo;un syst\u00e8me de conception, et ainsi de suite \u2014 dans le contexte de WordPress et <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/\" title=\"Elementor\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"1115\">Elementor<\/a>.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb0b5cc elementor-widget elementor-widget-menu-anchor\" data-id=\"cb0b5cc\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"comment-ajouter-des-polices-personnalisees-a-votre-site-wordpress\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f20c97 elementor-widget elementor-widget-heading\" data-id=\"4f20c97\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2. Comment ajouter des polices personnalis\u00e9es \u00e0 votre site WordPress\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea6a7e6 elementor-widget elementor-widget-image\" data-id=\"ea6a7e6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/maxresdefault-r4q72q1iboqn9klgb2wekkl1luplub4slj98x6owcy.jpg\" title=\"using-custom-fonts-elementor\" alt=\"using-custom-fonts-elementor\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bdc4626 elementor-widget elementor-widget-text-editor\" data-id=\"bdc4626\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau de comp\u00e9tence :<\/strong> D\u00e9butant \u00e0 interm\u00e9diaire<\/p>\n<p><strong>Dur\u00e9e :<\/strong> 17:31<\/p>\n<p><strong>Co\u00fbt :<\/strong> Gratuit<\/p>\n<p>Dans certains cas, WordPress ne disposera pas des polices sp\u00e9cifiques que vous souhaitez utiliser. Ainsi, avec ce <a href=\"https:\/\/elementor.com\/blog\/custom-fonts\/\" target=\"_blank\" rel=\"noopener\">tutoriel de typographie d&rsquo;Elementor<\/a>, vous apprendrez quelles sont vos options pour ajouter des polices personnalis\u00e9es \u00e0 un site WordPress. Vous pouvez les ajouter manuellement \u00e0 WordPress en utilisant CSS ou vous pouvez les t\u00e9l\u00e9charger dans Elementor et les utiliser \u00e0 partir de l&rsquo;\u00e9diteur.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2aa7f20 elementor-widget elementor-widget-menu-anchor\" data-id=\"2aa7f20\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"comment-utiliser-les-couleurs-et-polices-globales-d-elementor\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af1c631 elementor-widget elementor-widget-heading\" data-id=\"af1c631\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3. Comment utiliser les couleurs et polices globales d'Elementor\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10605f1 elementor-widget elementor-widget-image\" data-id=\"10605f1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/maxresdefault-1-r4q75xnnob4wxlxijyvil9eqo8vr52vs1fhyy7xh3m.jpg\" title=\"elementor-global-colors\" alt=\"elementor-global-colors\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c923823 elementor-widget elementor-widget-text-editor\" data-id=\"c923823\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau de comp\u00e9tence :<\/strong> D\u00e9butant \u00e0 interm\u00e9diaire<\/p>\n<p><strong>Dur\u00e9e :<\/strong> 6:50<\/p>\n<p><strong>Co\u00fbt :<\/strong> Gratuit<\/p>\n<p>Dans cette <a href=\"https:\/\/www.youtube.com\/watch?v=CjdFxKPPikU\">vid\u00e9o d&rsquo;Elementor<\/a>, vous d\u00e9couvrirez tout sur la <a href=\"https:\/\/elementor.com\/features\/global-settings\/\" target=\"_blank\" rel=\"noopener\">fonctionnalit\u00e9 des param\u00e8tres globaux<\/a> dans l&rsquo;\u00e9diteur Elementor. Ce tutoriel vous montrera comment utiliser cette fonctionnalit\u00e9 pour d\u00e9finir \u00e0 la fois les couleurs et les polices, puis observer leur application \u00e0 l&rsquo;\u00e9chelle du site. Donc, si vous souhaitez gagner du temps dans la mise \u00e0 jour de vos polices et apporter une plus grande coh\u00e9rence \u00e0 chaque site que vous construisez, ce court tutoriel vid\u00e9o est incontournable.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de04097 elementor-widget elementor-widget-menu-anchor\" data-id=\"de04097\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"le-guide-ultime-de-la-typographie-de-base\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a849a8 elementor-widget elementor-widget-heading\" data-id=\"7a849a8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">4. Le guide ultime de la typographie de base\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5e3ee0 elementor-widget elementor-widget-image\" data-id=\"e5e3ee0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/0-Envato-Tuts-r4q76fila5td277knolfemwhykfq7buofvw72h6zte.jpg\" title=\"Envato Tuts\" alt=\"Envato Tuts\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7623e83 elementor-widget elementor-widget-text-editor\" data-id=\"7623e83\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau de comp\u00e9tence :<\/strong> D\u00e9butant<\/p>\n<p><strong>Dur\u00e9e :<\/strong> 10:33<\/p>\n<p><strong>Co\u00fbt :<\/strong> Gratuit<\/p>\n<p>Le titre de ce <a href=\"https:\/\/www.youtube.com\/watch?v=ZLaG1migE00\">tutoriel vid\u00e9o d&rsquo;Envato Tuts+<\/a> est quelque peu trompeur. Il devrait s&rsquo;intituler \u00ab\u00a0Le guide ultime de la <strong>terminologie<\/strong> typographique de base\u00a0\u00bb. Cela \u00e9tant dit, si vous \u00eates tout \u00e0 fait novice en typographie, c&rsquo;est une premi\u00e8re \u00e9tape importante \u00e0 franchir. Familiarisez-vous avec les termes li\u00e9s \u00e0 la typographie, aux polices, aux types de fichiers, \u00e0 la structure des caract\u00e8res, \u00e0 la composition typographique, et plus encore.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3bea41 elementor-widget elementor-widget-menu-anchor\" data-id=\"b3bea41\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"tutoriel-de-typographie-pour-debutants-tout-ce-dont-vous-avez-besoin-pour-apprendre-les-bases-de-la-typographie\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c00add4 elementor-widget elementor-widget-heading\" data-id=\"c00add4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">5. Tutoriel de typographie pour d\u00e9butants : Tout ce dont vous avez besoin pour apprendre les bases de la typographie\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25e2422 elementor-widget elementor-widget-image\" data-id=\"25e2422\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/Untitled-6-01-r4q74mnq6lckt3ts6ek64l9oyzbeg7p76yvoydv4u8.png\" title=\"hubspot-typography-tutorial\" alt=\"hubspot-typography-tutorial\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc12784 elementor-widget elementor-widget-text-editor\" data-id=\"dc12784\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau de comp\u00e9tence :<\/strong> D\u00e9butant<\/p>\n<p><strong>Dur\u00e9e :<\/strong> Lecture de 18 minutes<\/p>\n<p><strong>Co\u00fbt :<\/strong> Gratuit<\/p>\n<p>Ce <a href=\"https:\/\/blog.hubspot.com\/marketing\/typography-terms-introduction\">tutoriel de typographie de Hubspot<\/a> est une autre introduction utile \u00e0 la typographie dans le design. Vous apprendrez les termes courants, les diff\u00e9rents styles de typographie, ainsi que les sources o\u00f9 trouver vos polices.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ee80ff elementor-widget elementor-widget-menu-anchor\" data-id=\"5ee80ff\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"introduction-a-la-typographie\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db1f80e elementor-widget elementor-widget-heading\" data-id=\"db1f80e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">6. Introduction \u00e0 la typographie\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9962fc elementor-widget elementor-widget-image\" data-id=\"f9962fc\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"720\" height=\"262\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=262\/blog\/wp-content\/uploads\/2021\/04\/2-coursera-intro-typography.png\" class=\"attachment-medium_large size-medium_large wp-image-104889\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/04\/2-coursera-intro-typography.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/2-coursera-intro-typography-300x109.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6596859 elementor-widget elementor-widget-text-editor\" data-id=\"6596859\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau de comp\u00e9tence :<\/strong> D\u00e9butant<\/p>\n<p><strong>Dur\u00e9e :<\/strong> 8 heures<\/p>\n<p><strong>Co\u00fbt :<\/strong> Gratuit<\/p>\n<p>Si vous recherchez une introduction plus approfondie \u00e0 la typographie, <a href=\"https:\/\/www.coursera.org\/learn\/typography\">ce cours du California Institute of the Arts<\/a> est un bon choix. L&rsquo;inscription \u00e0 ce cours est gratuite, ce qui est un \u00e9norme avantage car vous en tirerez une multitude d&rsquo;informations utiles. Vous apprendrez l&rsquo;histoire de la typographie, sa structure, comment l&rsquo;utiliser pour raconter une histoire, manipuler son apparence, et plus encore.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0263d6a elementor-widget elementor-widget-menu-anchor\" data-id=\"0263d6a\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"la-psychologie-des-polices\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7241b20 elementor-widget elementor-widget-heading\" data-id=\"7241b20\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">7. La psychologie des polices (Les polices qui \u00e9voquent l'\u00e9motion)\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c9e7b9 elementor-widget elementor-widget-image\" data-id=\"2c9e7b9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"720\" height=\"624\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=624\/blog\/wp-content\/uploads\/2021\/04\/3-envatotuts-psychology-fonts.png\" class=\"attachment-medium_large size-medium_large wp-image-104890\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/04\/3-envatotuts-psychology-fonts.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/3-envatotuts-psychology-fonts-300x260.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86ee7f0 elementor-widget elementor-widget-text-editor\" data-id=\"86ee7f0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau de comp\u00e9tence :<\/strong> D\u00e9butant<\/p>\n<p><strong>Dur\u00e9e :<\/strong> 15 minutes<\/p>\n<p><strong>Co\u00fbt :<\/strong> Gratuit<\/p>\n<p>Si vous d\u00e9butez dans le design, ce <a href=\"https:\/\/design.tutsplus.com\/articles\/the-psychology-of-fonts--cms-34943\">tutoriel d&rsquo;Envato Tuts+<\/a> servira d&rsquo;excellente introduction \u00e0 la psychologie des polices. Similaire \u00e0 la psychologie des couleurs, vous apprendrez les r\u00e9ponses \u00e9motionnelles et les associations courantes avec certains types de polices, et obtiendrez des conseils sur la fa\u00e7on de les utiliser \u00e0 votre avantage.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8be04b elementor-widget elementor-widget-menu-anchor\" data-id=\"a8be04b\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"typographie-web-pour-designers-et-developpeurs\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c80239a elementor-widget elementor-widget-heading\" data-id=\"c80239a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">8. Typographie web pour designers et d\u00e9veloppeurs\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93afaed elementor-widget elementor-widget-image\" data-id=\"93afaed\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"720\" height=\"429\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=429\/blog\/wp-content\/uploads\/2021\/04\/4-udemy-web-typography.png\" class=\"attachment-medium_large size-medium_large wp-image-104891\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/04\/4-udemy-web-typography.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/4-udemy-web-typography-300x179.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5661334 elementor-widget elementor-widget-text-editor\" data-id=\"5661334\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau de comp\u00e9tence :<\/strong> D\u00e9butant \u00e0 interm\u00e9diaire<\/p>\n<p><strong>Dur\u00e9e :<\/strong> 6,5 heures<\/p>\n<p><strong>Co\u00fbt :<\/strong> 109,99 \u20ac<\/p>\n<p>Ce <a href=\"https:\/\/www.udemy.com\/course\/web-typography-for-designers-developers\/\">cours Udemy sur la typographie web<\/a> est enseign\u00e9 par Rob Sutcliffe de l&rsquo;Interface School. Il s&rsquo;agit d&rsquo;un aper\u00e7u assez technique de la typographie, examinant les diff\u00e9rents types de classifications, des conseils sur le choix et l&rsquo;association des polices, comment rendre votre typographie web lisible et <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/responsive-website\/\" title=\"r\u00e9actif\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"7342\">responsive<\/a>, et bien plus encore.<\/p>\n<p>Pour tirer le meilleur parti de ce cours, vous devriez avoir une certaine connaissance pratique du HTML, du CSS et du JavaScript. Cela ne signifie pas que vous ne devriez pas vous inscrire si vous \u00eates un nouveau designer \u2014 vous b\u00e9n\u00e9ficiez d&rsquo;un acc\u00e8s \u00e0 vie, vous pouvez donc y revenir une fois que vous aurez perfectionn\u00e9 vos comp\u00e9tences dans ce domaine.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42f6c3f elementor-widget elementor-widget-menu-anchor\" data-id=\"42f6c3f\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"lments-textuels-du-design-polices-typographie-et-espacement\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f090343 elementor-widget elementor-widget-heading\" data-id=\"f090343\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">9. \u00c9l\u00e9ments textuels du design : Polices, Typographie et Espacement\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1702bdc elementor-widget elementor-widget-image\" data-id=\"1702bdc\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"301\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=301\/blog\/wp-content\/uploads\/2021\/04\/5-coursera-textual-elements-design.png\" class=\"attachment-medium_large size-medium_large wp-image-104892\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/04\/5-coursera-textual-elements-design.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/5-coursera-textual-elements-design-300x125.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ee6317 elementor-widget elementor-widget-text-editor\" data-id=\"0ee6317\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau de comp\u00e9tence :<\/strong> D\u00e9butant<\/p>\n<p><strong>Dur\u00e9e :<\/strong> 13 heures<\/p>\n<p><strong>Co\u00fbt :<\/strong> Gratuit<\/p>\n<p>Ce <a href=\"https:\/\/www.coursera.org\/learn\/fonts-typography-spacing\">cours de l&rsquo;Universit\u00e9 du Colorado \u00e0 Boulder<\/a> est disponible sur le site web Coursera. Il s&rsquo;agit d&rsquo;un cours approfondi au cours duquel vous apprendrez \u00e0 manipuler les \u00e9l\u00e9ments textuels pour raconter une histoire \u00e0 travers votre conception. Le cours aborde les bases puis s&rsquo;\u00e9tend \u00e0 l&rsquo;espacement typographique, au choix des polices, \u00e0 l&rsquo;association des polices et plus encore.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06ae124 elementor-widget elementor-widget-menu-anchor\" data-id=\"06ae124\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"typographie-pour-concepteurs-et-dveloppeurs\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e05275 elementor-widget elementor-widget-heading\" data-id=\"6e05275\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">10. Typographie pour Concepteurs  D\u00e9veloppeurs - Ne soyez pas m\u00e9diocre en conception\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d476a5a elementor-widget elementor-widget-image\" data-id=\"d476a5a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"405\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=405\/blog\/wp-content\/uploads\/2021\/04\/6-dont-suck-at-design-tutorial.png\" class=\"attachment-medium_large size-medium_large wp-image-104893\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/04\/6-dont-suck-at-design-tutorial.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/6-dont-suck-at-design-tutorial-300x169.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8aea0cc elementor-widget elementor-widget-text-editor\" data-id=\"8aea0cc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau de comp\u00e9tence :<\/strong> Interm\u00e9diaire<\/p>\n<p><strong>Dur\u00e9e :<\/strong> 8,5 heures<\/p>\n<p><strong>Co\u00fbt :<\/strong> 99,99 $<\/p>\n<p>Muhammad Ahsan Pervaiz est le cr\u00e9ateur de ce <a href=\"https:\/\/www.udemy.com\/course\/typography-mastery-for-ui-designers-and-developers\/\">cours Udemy sur la typographie<\/a> not\u00e9 4,5 \u00e9toiles. Si vous souhaitez recevoir une formation compl\u00e8te sur les bases de la typographie, la personnalisation de la typographie, le choix et l&rsquo;association des polices, et plus encore, c&rsquo;est un cours fantastique \u00e0 suivre. Des exercices sont int\u00e9gr\u00e9s au cours, vous acquerrez donc \u00e9galement une exp\u00e9rience pratique en mettant en \u0153uvre tout ce que vous apprenez au fur et \u00e0 mesure.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fac3830 elementor-widget elementor-widget-menu-anchor\" data-id=\"fac3830\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"quand-utiliser-chaque-type-de-police\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea89cbc elementor-widget elementor-widget-heading\" data-id=\"ea89cbc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">11. Quand utiliser chaque type de police (et quand ne pas le faire) !\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f5e04b6 elementor-widget elementor-widget-image\" data-id=\"f5e04b6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=432\/blog\/wp-content\/uploads\/2021\/04\/envato-tuts-2-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-104899\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/envato-tuts-2-768x432.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/envato-tuts-2-300x169.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/04\/envato-tuts-2-1024x576.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1280\/blog\/wp-content\/uploads\/2021\/04\/envato-tuts-2.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cacb871 elementor-widget elementor-widget-text-editor\" data-id=\"cacb871\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau de comp\u00e9tence :<\/strong> D\u00e9butant<\/p>\n<p><strong>Dur\u00e9e :<\/strong> 12:55<\/p>\n<p><strong>Co\u00fbt :<\/strong> Gratuit<\/p>\n<p>Beaucoup des tutoriels et cours que vous avez vus dans cette liste jusqu&rsquo;\u00e0 pr\u00e9sent ont abord\u00e9 le sujet des types de polices. Cependant, ce <a href=\"https:\/\/www.youtube.com\/watch?v=RJ4k6FI_LYQ\">tutoriel d&rsquo;Envato Tuts+<\/a> approfondit vraiment le sujet, en d\u00e9composant les diff\u00e9rents types <strong>et<\/strong> sous-cat\u00e9gories de polices. En apprenant \u00e0 identifier les diff\u00e9rences dans leur structure, vous aurez beaucoup plus de facilit\u00e9 \u00e0 choisir les styles typographiques appropri\u00e9s pour vos sites.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbd6082 elementor-widget elementor-widget-menu-anchor\" data-id=\"dbd6082\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"comment-savoir-si-une-police-est-bonne-ou-si-elle-est-mauvaise\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32830e0 elementor-widget elementor-widget-heading\" data-id=\"32830e0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">12. Comment savoir si une police est bonne ou si elle est mauvaise ?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e501867 elementor-widget elementor-widget-image\" data-id=\"e501867\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=432\/blog\/wp-content\/uploads\/2021\/04\/flux-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-104900\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/flux-768x432.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/flux-300x169.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/04\/flux-1024x576.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1280\/blog\/wp-content\/uploads\/2021\/04\/flux.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad8abfa elementor-widget elementor-widget-text-editor\" data-id=\"ad8abfa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau de comp\u00e9tence :<\/strong> D\u00e9butant<\/p>\n<p><strong>Dur\u00e9e :<\/strong> 9:58<\/p>\n<p><strong>Co\u00fbt :<\/strong> Gratuit<\/p>\n<p>Ce <a href=\"https:\/\/www.youtube.com\/watch?v=kd42Y2pV6KI\">tutoriel de typographie de Flux<\/a> porte enti\u00e8rement sur la recherche de polices de qualit\u00e9 pour vos sites web. La discussion tourne principalement autour de la mani\u00e8re dont les concepteurs web peuvent trouver des fonderies de polices et des sites web de haute qualit\u00e9 pour s&rsquo;approvisionner en polices. Car, m\u00eame si vous comprenez le type de police dont vous avez besoin, une police mal con\u00e7ue (m\u00eame si elle correspond \u00e0 ce style) pourrait annuler tout votre travail acharn\u00e9. Ce tutoriel vous aidera \u00e0 \u00e9viter ce probl\u00e8me.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4a6c42 elementor-widget elementor-widget-menu-anchor\" data-id=\"e4a6c42\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"choisir-des-polices-web-guide-pour-dbutants\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fef918a elementor-widget elementor-widget-heading\" data-id=\"fef918a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">13. Choisir des polices web : Guide pour d\u00e9butants\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-619c077 elementor-widget elementor-widget-image\" data-id=\"619c077\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"377\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=377\/blog\/wp-content\/uploads\/2021\/04\/google-design-768x377.png\" class=\"attachment-medium_large size-medium_large wp-image-104901\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/google-design-768x377.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/google-design-300x147.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/04\/google-design-1024x503.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2021\/04\/google-design-1536x755.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1831\/blog\/wp-content\/uploads\/2021\/04\/google-design.png 1831w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a81209b elementor-widget elementor-widget-text-editor\" data-id=\"a81209b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau de comp\u00e9tence :<\/strong> D\u00e9butant<\/p>\n<p><strong>Dur\u00e9e :<\/strong> 10 minutes<\/p>\n<p><strong>Co\u00fbt :<\/strong> Gratuit<\/p>\n<p>Il s&rsquo;agit d&rsquo;un <a href=\"https:\/\/design.google\/library\/choosing-web-fonts-beginners-guide\/\">guide pratique de Google Design<\/a> sur la fa\u00e7on de d\u00e9terminer quelles <a href=\"https:\/\/elementor.com\/blog\/web-fonts\/\" target=\"_blank\" rel=\"noopener\">polices web<\/a> sont les plus appropri\u00e9es pour chaque site web que vous construisez. Le tutoriel vous guidera \u00e0 travers une s\u00e9rie de facteurs, comme la port\u00e9e du projet et la conception multilingue, puis vous dirigera vers les polices Google qui r\u00e9pondent aux besoins de votre projet.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99337a7 elementor-widget elementor-widget-menu-anchor\" data-id=\"99337a7\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"comment-choisir-des-polices-pour-vos-designs\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5a3a83 elementor-widget elementor-widget-heading\" data-id=\"c5a3a83\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">14. Comment choisir des polices pour vos designs\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae34a2f elementor-widget elementor-widget-image\" data-id=\"ae34a2f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=432\/blog\/wp-content\/uploads\/2021\/04\/flux-2-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-104902\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/flux-2-768x432.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/flux-2-300x169.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/04\/flux-2-1024x576.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1280\/blog\/wp-content\/uploads\/2021\/04\/flux-2.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c32f441 elementor-widget elementor-widget-text-editor\" data-id=\"c32f441\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau de comp\u00e9tence :<\/strong> D\u00e9butant<\/p>\n<p><strong>Dur\u00e9e :<\/strong> 7:35<\/p>\n<p><strong>Co\u00fbt :<\/strong> Gratuit<\/p>\n<p>Dans ce <a href=\"https:\/\/www.youtube.com\/watch?v=IviIMAItx2s\">guide \u00e9tape par \u00e9tape de Satori Graphics<\/a>, vous obtiendrez des conseils pratiques et des astuces sur le choix des polices pour vos projets. Bien qu&rsquo;il y ait ici un accent important sur le design graphique, vous pouvez appliquer les m\u00eames cinq \u00e9tapes pour choisir et associer des polices pour tout ce sur quoi vous travaillez, que ce soit un site web, une application, un logo ou tout autre type de support de marque.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a789d7f elementor-widget elementor-widget-menu-anchor\" data-id=\"a789d7f\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"comment-choisir-des-polices\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b5f46e elementor-widget elementor-widget-heading\" data-id=\"3b5f46e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">15. Comment choisir des polices\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7f055d elementor-widget elementor-widget-image\" data-id=\"e7f055d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=432\/blog\/wp-content\/uploads\/2021\/04\/flux2-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-104903\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/flux2-768x432.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/flux2-300x169.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/04\/flux2-1024x576.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1280\/blog\/wp-content\/uploads\/2021\/04\/flux2.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7d70bc elementor-widget elementor-widget-text-editor\" data-id=\"a7d70bc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau de comp\u00e9tence :<\/strong> D\u00e9butant<\/p>\n<p><strong>Dur\u00e9e :<\/strong> 9:41<\/p>\n<p><strong>Co\u00fbt :<\/strong> Gratuit<\/p>\n<p>Ce <a href=\"https:\/\/www.youtube.com\/watch?v=obZX8oIjia4\">tutoriel YouTube de Flux<\/a> vous apprendra \u00e0 vous \u00e9loigner des choix de polices bas\u00e9s sur des hypoth\u00e8ses ou ce que votre instinct vous dit. Au lieu de cela, vous aborderez la s\u00e9lection des polices en vous basant sur l&rsquo;utilitarisme. Et vous obtiendrez de l&rsquo;aide pour trouver des fonderies de polices qui fournissent des \u00e9chantillons graphiques afin que, l\u00e0 encore, vous ne vous fiiez pas uniquement \u00e0 ce que votre instinct vous dit sur l&rsquo;apparence d&rsquo;une police.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5804192 elementor-widget elementor-widget-menu-anchor\" data-id=\"5804192\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"guide-de-poche-pour-combiner-les-polices\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e8df90 elementor-widget elementor-widget-heading\" data-id=\"7e8df90\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">16. Guide de poche pour combiner les polices\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a9235b elementor-widget elementor-widget-image\" data-id=\"4a9235b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"322\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=322\/blog\/wp-content\/uploads\/2021\/04\/8-typekit-typography-pocket-guide-768x322.png\" class=\"attachment-medium_large size-medium_large wp-image-104895\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/8-typekit-typography-pocket-guide-768x322.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/8-typekit-typography-pocket-guide-300x126.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1018\/blog\/wp-content\/uploads\/2021\/04\/8-typekit-typography-pocket-guide.png 1018w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9368ace elementor-widget elementor-widget-text-editor\" data-id=\"9368ace\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau de comp\u00e9tence :<\/strong> D\u00e9butant \u00e0 Interm\u00e9diaire<\/p>\n<p><strong>Dur\u00e9e :<\/strong> 1 heure<\/p>\n<p><strong>Co\u00fbt :<\/strong> Gratuit<\/p>\n<p>L&rsquo;<a href=\"https:\/\/elementor.com\/blog\/font-pairing\/\" target=\"_blank\" rel=\"noopener\">association de polices<\/a> est certainement un art. Donc, si vous allez apprendre \u00e0 le faire, cela devrait \u00eatre aupr\u00e8s de l&rsquo;un des leaders dans le domaine du design. Ce <a href=\"https:\/\/blog.typekit.com\/2016\/04\/29\/combining-typefaces-free-guide-to-great-typography\/\">guide de poche<\/a> a \u00e9t\u00e9 cr\u00e9\u00e9 par Tim Brown, le Directeur de la Typographie pour Adobe Typekit et Adobe Type. Ce guide vous enseignera comment d\u00e9terminer les t\u00e2ches que vos polices doivent accomplir, comment choisir une police d&rsquo;ancrage, comment identifier les polices qui compl\u00e8tent l&rsquo;ancrage, et ensuite comment juger objectivement votre appariement.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b8e2e4 elementor-widget elementor-widget-menu-anchor\" data-id=\"8b8e2e4\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"comment-changer-la-police-dans-un-theme-wordpress\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-673c2a3 elementor-widget elementor-widget-heading\" data-id=\"673c2a3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">17. Comment changer la police dans un th\u00e8me WordPress (Tout th\u00e8me)\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c6a529 elementor-widget elementor-widget-image\" data-id=\"9c6a529\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"521\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=521\/blog\/wp-content\/uploads\/2021\/04\/9-themeisle-change-font-wordpress.png\" class=\"attachment-medium_large size-medium_large wp-image-104896\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/04\/9-themeisle-change-font-wordpress.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/9-themeisle-change-font-wordpress-300x217.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a9714e elementor-widget elementor-widget-text-editor\" data-id=\"5a9714e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau de comp\u00e9tence :<\/strong> D\u00e9butant<\/p>\n<p><strong>Dur\u00e9e :<\/strong> 10 minutes<\/p>\n<p><strong>Co\u00fbt :<\/strong> Gratuit<\/p>\n<p>Ce <a href=\"https:\/\/themeisle.com\/blog\/how-to-change-font-in-wordpress-theme\/\">tutoriel simple de ThemeIsle<\/a> vous proposera deux options pour changer les polices dans WordPress. Vous pouvez s\u00e9lectionner des polices web depuis le Personnalisateur de WordPress. Ou vous pouvez installer l&rsquo;extension Easy Google Fonts et configurer les polices Google en utilisant le Personnalisateur. Bien qu&rsquo;une option bonus soit incluse, il est pr\u00e9f\u00e9rable d&rsquo;utiliser les param\u00e8tres de police universels de WordPress plut\u00f4t que de changer les polices par bloc ou par page.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-77dff06 elementor-widget elementor-widget-menu-anchor\" data-id=\"77dff06\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"techniques-css-modernes-pour-ameliorer-la-lisibilite\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54c7ecd elementor-widget elementor-widget-heading\" data-id=\"54c7ecd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">18. Techniques CSS modernes pour am\u00e9liorer la lisibilit\u00e9\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0ad158 elementor-widget elementor-widget-image\" data-id=\"b0ad158\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"478\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=478\/blog\/wp-content\/uploads\/2021\/04\/smashing-magazine-1-768x478.png\" class=\"attachment-medium_large size-medium_large wp-image-104904\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/smashing-magazine-1-768x478.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/smashing-magazine-1-300x187.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/04\/smashing-magazine-1-1024x638.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1318\/blog\/wp-content\/uploads\/2021\/04\/smashing-magazine-1.png 1318w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67f3f17 elementor-widget elementor-widget-text-editor\" data-id=\"67f3f17\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau de comp\u00e9tence :<\/strong> Interm\u00e9diaire \u00e0 Avanc\u00e9<\/p>\n<p><strong>Dur\u00e9e :<\/strong> 11 minutes<\/p>\n<p><strong>Co\u00fbt :<\/strong> Gratuit<\/p>\n<p>Edoarda Cavazza a r\u00e9dig\u00e9 cet excellent <a href=\"https:\/\/www.smashingmagazine.com\/2020\/07\/css-techniques-legibility\/\">article pour Smashing Magazine<\/a> qui traite de l&rsquo;utilisation du CSS pour am\u00e9liorer la lisibilit\u00e9 et l&rsquo;accessibilit\u00e9 de la typographie de votre site web. Plus pr\u00e9cis\u00e9ment, ce tutoriel aborde l&rsquo;utilisation de l&rsquo;espacement pour cr\u00e9er le meilleur type d&rsquo;exp\u00e9rience de lecture pour les visiteurs. Si vous n&rsquo;avez pas encore appris le cr\u00e9nage, l&rsquo;interlignage ou l&rsquo;espacement des caract\u00e8res, ou si vous n&rsquo;avez pas une compr\u00e9hension basique du CSS, commencez par le d\u00e9but de cette liste de tutoriels typographiques et revenez \u00e0 celui-ci plus tard.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b90e10d elementor-widget elementor-widget-menu-anchor\" data-id=\"b90e10d\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"introduction-aux-polices-variables-sur-le-web\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff5cc38 elementor-widget elementor-widget-heading\" data-id=\"ff5cc38\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">19. Introduction aux polices variables sur le Web\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6980366 elementor-widget elementor-widget-image\" data-id=\"6980366\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"195\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=195\/blog\/wp-content\/uploads\/2021\/04\/11-webdev-variable-fonts.png\" class=\"attachment-medium_large size-medium_large wp-image-104898\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/04\/11-webdev-variable-fonts.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/11-webdev-variable-fonts-300x81.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e2470f elementor-widget elementor-widget-text-editor\" data-id=\"4e2470f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau de comp\u00e9tence :<\/strong> Interm\u00e9diaire \u00e0 Avanc\u00e9<\/p>\n<p><strong>Dur\u00e9e :<\/strong> 20 minutes<\/p>\n<p><strong>Co\u00fbt :<\/strong> Gratuit<\/p>\n<p>Les polices variables sont relativement nouvelles, mais elles gagnent rapidement en support dans tous les navigateurs, ce qui signifie qu&rsquo;il est temps pour les designers et les d\u00e9veloppeurs de commencer \u00e0 les utiliser (si ce n&rsquo;est pas d\u00e9j\u00e0 fait). Comme l&rsquo;explique <a href=\"https:\/\/web.dev\/variable-fonts\/\">l&rsquo;\u00e9quipe de Google Developers dans ce guide sur les polices variables<\/a>, elles sont extr\u00eamement pr\u00e9cieuses pour la performance des sites web car elles vous permettent d&rsquo;enregistrer diff\u00e9rentes variations d&rsquo;une police dans un seul fichier. Pour apprendre \u00e0 faire cela, vous aurez besoin de quelques connaissances en CSS.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab7e55c elementor-widget elementor-widget-menu-anchor\" data-id=\"ab7e55c\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"apprendre-a-utiliser-la-typographie\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94da80e elementor-widget elementor-widget-heading\" data-id=\"94da80e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">20. Apprendre \u00e0 utiliser la typographie \u2014 Critique du manuel typographique\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86d1e40 elementor-widget elementor-widget-image\" data-id=\"86d1e40\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=432\/blog\/wp-content\/uploads\/2021\/04\/futur-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-104905\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/04\/futur-768x432.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/04\/futur-300x169.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/04\/futur-1024x576.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1280\/blog\/wp-content\/uploads\/2021\/04\/futur.jpg 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44d3e04 elementor-widget elementor-widget-text-editor\" data-id=\"44d3e04\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Niveau de comp\u00e9tence :<\/strong> D\u00e9butant \u00e0 Avanc\u00e9<\/p>\n<p><strong>Dur\u00e9e :<\/strong> 30:14<\/p>\n<p><strong>Co\u00fbt :<\/strong> Gratuit<\/p>\n<p>Ce tutoriel est int\u00e9ressant car ce n&rsquo;est pas vraiment un tutoriel en soi. Au cours de 30 minutes, vous observerez comment <a href=\"https:\/\/www.youtube.com\/watch?v=fDVLjs0Z02o\">The Futur \u00e9value la typographie<\/a> utilis\u00e9e dans la cr\u00e9ation de leur propre Manuel de Typographie. Bien qu&rsquo;ils \u00e9valuent le manuel imprim\u00e9, c&rsquo;est toujours un exercice utile \u00e0 suivre car il vous apprendra \u00e0 examiner votre propre travail et \u00e0 vous habituer \u00e0 faire des choix plus judicieux pour votre typographie d\u00e8s le d\u00e9part.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08608b7 elementor-widget elementor-widget-heading\" data-id=\"08608b7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ma\u00eetrisez l'art de la typographie et am\u00e9liorez l'exp\u00e9rience de vos utilisateurs\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae954ed elementor-widget elementor-widget-text-editor\" data-id=\"ae954ed\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Une fois que vous aurez pass\u00e9 du temps avec ces tutoriels typographiques et que vous ma\u00eetriserez bien les fondamentaux, il sera temps de mettre tout cela en pratique. <\/p>\n<p>Une chose \u00e0 garder \u00e0 l&rsquo;esprit est que la typographie, comme tout le reste dans le design, \u00e9voluera au fil du temps. Les principes et directives sous-jacents resteront les m\u00eames, mais en termes de go\u00fbts des gens en mati\u00e8re de typographie, attendez-vous \u00e0 ce que cela change. <\/p>\n<p>Assurez-vous donc, en plus de ma\u00eetriser les bases de la typographie, de vous tenir au courant des tendances typographiques \u00e9galement.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Une typographie de qualit\u00e9 est un \u00e9l\u00e9ment indispensable pour offrir une exp\u00e9rience utilisateur optimale. Afin de vous aider \u00e0 appr\u00e9hender ce sujet, nous avons rassembl\u00e9 les meilleurs tutoriels sur la typographie, \u00e9galement b\u00e9n\u00e9fiques pour les concepteurs web d\u00e9butants et avanc\u00e9s.<\/p>\n","protected":false},"author":188873,"featured_media":104882,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[248],"tags":[244],"marketing_persona":[47],"marketing_intent":[],"class_list":["post-126478","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-fr","tag-construire"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Les 20 meilleurs tutoriels de typographie pour les concepteurs web | Elementor<\/title>\n<meta name=\"description\" content=\"Une typographie de qualit\u00e9 est un \u00e9l\u00e9ment indispensable pour offrir une exp\u00e9rience utilisateur optimale. C&#039;est pourquoi nous avons rassembl\u00e9 les meilleurs tutoriels existants sur la typographie.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Les 20 meilleurs tutoriels de typographie pour les concepteurs web | Elementor\" \/>\n<meta property=\"og:description\" content=\"Une typographie de qualit\u00e9 est un \u00e9l\u00e9ment indispensable pour offrir une exp\u00e9rience utilisateur optimale. C&#039;est pourquoi nous avons rassembl\u00e9 les meilleurs tutoriels existants sur la typographie.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-28T11:18:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-28T18:31:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_text_1200-628_1.png\" \/>\n<meta name=\"author\" content=\"Sergei Davidov\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sergei Davidov\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/\"},\"author\":{\"name\":\"Sergei Davidov\",\"@id\":\"https:\/\/elementor.com\/blog\/fr\/#\/schema\/person\/87a6d63997f5dd9f2105a3a769c759c9\"},\"headline\":\"Les 20 meilleurs tutoriels de typographie pour les concepteurs web\",\"datePublished\":\"2021-04-28T11:18:39+00:00\",\"dateModified\":\"2025-12-28T18:31:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/\"},\"wordCount\":2514,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png\",\"keywords\":[\"Construire\"],\"articleSection\":[\"Design\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/\",\"url\":\"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/\",\"name\":\"Les 20 meilleurs tutoriels de typographie pour les concepteurs web | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png\",\"datePublished\":\"2021-04-28T11:18:39+00:00\",\"dateModified\":\"2025-12-28T18:31:32+00:00\",\"description\":\"Une typographie de qualit\u00e9 est un \u00e9l\u00e9ment indispensable pour offrir une exp\u00e9rience utilisateur optimale. C'est pourquoi nous avons rassembl\u00e9 les meilleurs tutoriels existants sur la typographie.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png\",\"width\":5001,\"height\":2618},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design\",\"item\":\"https:\/\/elementor.com\/blog\/fr\/category\/design-fr\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Les 20 meilleurs tutoriels de typographie pour les concepteurs web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/fr\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/fr\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/fr\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/elementor.com\/blog\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/fr\/#\/schema\/person\/87a6d63997f5dd9f2105a3a769c759c9\",\"name\":\"Sergei Davidov\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/elementor.com\/blog\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0a5edd915cad15385a7184ea9ce23710fe08edb3d605ede2f99cc4e7e65f04ad?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0a5edd915cad15385a7184ea9ce23710fe08edb3d605ede2f99cc4e7e65f04ad?s=96&d=mm&r=g\",\"caption\":\"Sergei Davidov\"},\"description\":\"Sergei Davidov is a content creator at Elementor. His favorite topics are gadgets, advances in science, new apps and software solutions. He enjoys spicy food, reading books and listening to elevator music.\",\"url\":\"https:\/\/elementor.com\/blog\/fr\/author\/sdavidov\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Les 20 meilleurs tutoriels de typographie pour les concepteurs web | Elementor","description":"Une typographie de qualit\u00e9 est un \u00e9l\u00e9ment indispensable pour offrir une exp\u00e9rience utilisateur optimale. C'est pourquoi nous avons rassembl\u00e9 les meilleurs tutoriels existants sur la typographie.","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:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/","og_locale":"fr_FR","og_type":"article","og_title":"Les 20 meilleurs tutoriels de typographie pour les concepteurs web | Elementor","og_description":"Une typographie de qualit\u00e9 est un \u00e9l\u00e9ment indispensable pour offrir une exp\u00e9rience utilisateur optimale. C'est pourquoi nous avons rassembl\u00e9 les meilleurs tutoriels existants sur la typographie.","og_url":"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2021-04-28T11:18:39+00:00","article_modified_time":"2025-12-28T18:31:32+00:00","og_image":[{"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_text_1200-628_1.png","type":"","width":"","height":""}],"author":"Sergei Davidov","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"\u00c9crit par":"Sergei Davidov","Dur\u00e9e de lecture estim\u00e9e":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/"},"author":{"name":"Sergei Davidov","@id":"https:\/\/elementor.com\/blog\/fr\/#\/schema\/person\/87a6d63997f5dd9f2105a3a769c759c9"},"headline":"Les 20 meilleurs tutoriels de typographie pour les concepteurs web","datePublished":"2021-04-28T11:18:39+00:00","dateModified":"2025-12-28T18:31:32+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/"},"wordCount":2514,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/fr\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png","keywords":["Construire"],"articleSection":["Design"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/","url":"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/","name":"Les 20 meilleurs tutoriels de typographie pour les concepteurs web | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png","datePublished":"2021-04-28T11:18:39+00:00","dateModified":"2025-12-28T18:31:32+00:00","description":"Une typographie de qualit\u00e9 est un \u00e9l\u00e9ment indispensable pour offrir une exp\u00e9rience utilisateur optimale. C'est pourquoi nous avons rassembl\u00e9 les meilleurs tutoriels existants sur la typographie.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/04\/21.04.21_Best-Typography-Tutorials-for-Web-Designers_Best-Typography-Tutorials-for-Web-Designers_no_text_1200-628_1.png","width":5001,"height":2618},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/fr\/les-20-meilleurs-tutoriels-de-typographie-pour-les-concepteurs-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/fr\/"},{"@type":"ListItem","position":2,"name":"Design","item":"https:\/\/elementor.com\/blog\/fr\/category\/design-fr\/"},{"@type":"ListItem","position":3,"name":"Les 20 meilleurs tutoriels de typographie pour les concepteurs web"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/fr\/#website","url":"https:\/\/elementor.com\/blog\/fr\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/fr\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/elementor.com\/blog\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/fr\/#\/schema\/person\/87a6d63997f5dd9f2105a3a769c759c9","name":"Sergei Davidov","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/elementor.com\/blog\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0a5edd915cad15385a7184ea9ce23710fe08edb3d605ede2f99cc4e7e65f04ad?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0a5edd915cad15385a7184ea9ce23710fe08edb3d605ede2f99cc4e7e65f04ad?s=96&d=mm&r=g","caption":"Sergei Davidov"},"description":"Sergei Davidov is a content creator at Elementor. His favorite topics are gadgets, advances in science, new apps and software solutions. He enjoys spicy food, reading books and listening to elevator music.","url":"https:\/\/elementor.com\/blog\/fr\/author\/sdavidov\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/126478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/users\/188873"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/comments?post=126478"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/126478\/revisions"}],"predecessor-version":[{"id":126480,"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/126478\/revisions\/126480"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/media\/104882"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/media?parent=126478"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/categories?post=126478"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/tags?post=126478"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/marketing_persona?post=126478"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/fr\/wp-json\/wp\/v2\/marketing_intent?post=126478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}