Utilisez les liens sur le c\u00f4t\u00e9 pour naviguer vers la section qui vous int\u00e9resse le plus, ou acc\u00e9dez directement \u00e0 notre liste de polices de caract\u00e8res web safe.<\/p>\n
Quelles sont les polices de caract\u00e8res web safe ?<\/h2>\n
Si l’on tient compte des variations, plus de 650 000<\/a> polices diff\u00e9rentes sont disponibles en ligne. Les polices de caract\u00e8res qui sont prises en charge par la majorit\u00e9 des navigateurs web et des syst\u00e8mes d’exploitation sont consid\u00e9r\u00e9es comme web safe. Le syst\u00e8me d’exploitation inclut automatiquement les fichiers de polices, de sorte que les visiteurs n’ont pas \u00e0 t\u00e9l\u00e9charger les polices depuis vos serveurs.<\/p>\n Un exemple en est l’omnipr\u00e9sente police Arial qui a donn\u00e9 naissance \u00e0 des milliers de \u00ab\u00a0spin-offs\u00a0\u00bb.<\/p>\n Bien s\u00fbr, la grande majorit\u00e9 des utilisateurs utilisent maintenant Google Chrome<\/a>, \u00e0 la fois sur leur mobile et sur leur ordinateur de bureau. Mais cela ne signifie pas pour autant que les polices de caract\u00e8res web safe appartiennent au pass\u00e9.<\/p>\n En fait, les polices support\u00e9es varient en fonction des syst\u00e8mes d’exploitation, y compris la version actuelle dont dispose un utilisateur. Ainsi, si vous concevez un site web<\/a> avec une police uniquement prise en charge par la derni\u00e8re version de Windows 10, la plupart des utilisateurs verront autre chose.<\/p>\n En outre, si vous choisissez d’utiliser et d’h\u00e9berger une police locale<\/a> personnalis\u00e9e ou une police h\u00e9berg\u00e9e par un tiers, cela peut ralentir votre site web. Ainsi, le passage \u00e0 des polices web safe peut acc\u00e9l\u00e9rer votre site web<\/a>. Et c’est une excellente chose. En effet, pr\u00e8s de 70 % des consommateurs<\/a> affirment que la vitesse des pages<\/a> influence leurs d\u00e9cisions d’achat.<\/p>\n Les polices de Google<\/a> ne sont pas intrins\u00e8quement prises en charge par votre syst\u00e8me d’exploitation, donc par d\u00e9finition, ce ne sont pas des polices web safe. Au contraire, puisque Google, un tiers, les h\u00e9berge, une police Google est appel\u00e9e une police web. C’est d\u00e9routant, nous le savons, mais la diff\u00e9rence est que votre navigateur doit charger un fichier avant de pouvoir afficher les polices Google.<\/p>\n Les polices web safe sont d\u00e9j\u00e0 pr\u00eates sur la plupart des appareils. Mais ne vous inqui\u00e9tez pas de l’absence du mot \u00ab\u00a0safe\u00a0\u00bb. Les polices Google sont <\/em>totalement s\u00fbres \u00e0 utiliser pour am\u00e9liorer la conception de votre site web. Mais les requ\u00eates HTTP<\/a> suppl\u00e9mentaires vers un serveur ext\u00e9rieur pourraient ralentir la vitesse de chargement de votre page<\/a>.<\/p>\n\n Nous avons dress\u00e9 une liste de plus de trente polices web safe diff\u00e9rentes, tr\u00e8s esth\u00e9tiques, que vous pouvez utiliser pour concevoir votre site web.<\/p>\n Allons droit au but.<\/p>\n Arial est une police de caract\u00e8res classique sans empattement (sans serif), qui convient aussi bien aux paragraphes qu’aux titres<\/a>. Elle a longtemps \u00e9t\u00e9 un \u00e9l\u00e9ment essentiel de la conception de sites web<\/a>. Bien que ces derni\u00e8res ann\u00e9es, elle est souvent utilis\u00e9e comme solution de repli dans une font stack (pile de polices), plut\u00f4t que comme police principale.<\/p>\n Font-family: Arial, Helvetica Neue, Helvetica, sans-serif.<\/p>\n Baskerville est une police \u00e0 empattements (serif) relativement \u00e9paisse, d\u00e9velopp\u00e9e \u00e0 l’origine comme police de caract\u00e8res par John Baskerville en 1750. La conception est bien \u00e9quilibr\u00e9e, utilisant un m\u00e9lange de traits \u00e9pais et fins pour adoucir les bords durs d’une police \u00e0 empattements typique. Elle est bien prise en charge par les nouvelles versions des syst\u00e8mes d’exploitation d’Apple et de Microsoft.<\/p>\n Font-family: Baskerville, Baskerville Old Face, Garamond, Times New Roman, serif.<\/p>\n Bodoni MT est une police \u00e0 empattements, comme Times New Roman, plus adapt\u00e9e au texte des paragraphes qu’aux titres de la plupart des sites web<\/a>. Bodoni MT est disponible par d\u00e9faut avec Microsoft 10 et certaines versions ant\u00e9rieures. Bodoni 72 est incluse avec macOS Sierra et les versions plus r\u00e9centes.<\/p>\n Font-family: Bodoni MT, Bodoni 72, Didot, Didot LT STD, Hoefler Text, Garamond, Times New Roman, serif.<\/p>\n Calibri est la police standard sans empattement de Microsoft, et ce depuis sa sortie avec Microsoft Office 2007. Elle a un aspect doux et moderne, avec des bords arrondis pour rehausser la sensation typique du sans serif, ce qui la rend plus chaude que robotis\u00e9e.<\/p>\n Font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif.<\/p>\n Calisto MT est une police \u00e0 empattements l\u00e9g\u00e8rement plus douce et moins prononc\u00e9e que la plupart des polices de caract\u00e8res similaires. C’est une police standard de Microsoft, incluse dans la plupart des nouvelles versions de Windows. L’\u00e9quivalent de macOS ou iOS est la police Bookman Old Style.<\/p>\n Font-family: Calisto MT, Bookman Old Style, Bookman, Goudy Old Style, Garamond, Hoefler Text, Bitstream Charter, Georgia, serif.<\/p>\n Cambria est une police \u00e0 empattements encore plus doux, avec, dans de nombreux cas, des empattements \u00e0 peine perceptibles, m\u00eame pour les majuscules. Cela lui donne un aspect<\/a> plus moderne<\/a> et lui permet de conserver un niveau de lisibilit\u00e9 \u00e9lev\u00e9 sur les \u00e9crans<\/a>.<\/p>\n Font-family: Cambria, Georgia, serif.<\/p>\n Candara est une police de caract\u00e8res sans empattement. Elle fait partie de la collection de polices ClearType<\/a> de Microsoft. L’\u00e9quivalent de macOS et iOS est Optima Regular. Les poids in\u00e9gaux des traits lui donnent un aspect un peu moins moderne et corporatif que les autres polices sans empattement.<\/p>\n Font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif.<\/p>\n Century Gothic est une police de caract\u00e8res g\u00e9om\u00e9trique sans empattement, \u00e0 l’aspect tr\u00e8s net et \u00e9quilibr\u00e9. C’est une excellente police pour le web, en particulier pour les titres et les sous-titres<\/a>. Elle a \u00e9t\u00e9 con\u00e7ue \u00e0 l’origine pour concurrencer la police Futura. Elle est incluse dans la plupart des syst\u00e8mes d’exploitation Microsoft et Apple.<\/p>\n Font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif.<\/p>\n Consolas est une police de caract\u00e8res sans empattement, avec une approche<\/a> unique du design. Tous les caract\u00e8res ont la m\u00eame largeur, c’est pourquoi elle utilise des empattements uniquement pour la lettre \u00ab\u00a0I\u00a0\u00bb et le \u00ab\u00a0l\u00a0\u00bb minuscule. Elle fait partie de la collection ClearType.<\/p>\n Font-family: Consolas, monaco, monospace.<\/p>\n Copperplate Gothic est une police de caract\u00e8res d’inspiration gothique, avec de l\u00e9gers empattements glyphiques sur certaines lettres. Comme elle est inspir\u00e9e des runes gothiques, il n’y a pas minuscules dans cette police.<\/p>\n Font-family: Copperplate, Copperplate Gothic Light, fantasy.<\/p>\n Courier New est une police \u00e0 empattement monospace, avec un texte normal beaucoup plus fin que la plupart des autres polices \u00e0 empattement et sans empattement. Elle est presque parfaitement couverte par Microsoft et Apple, tant sur les ordinateurs que sur les appareils mobiles.<\/p>\n Font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace.<\/p>\n Dejavu Sans est une police sans empattement avec des lignes droites et nettes, c\u2019est presque un retour<\/a> aux polices sans empattement classiques comme Arial et Verdana.<\/p>\n Font-family: Dejavu Sans, Arial, Verdana, sans-serif.<\/p>\n Didot est une police de caract\u00e8res inspir\u00e9e des caract\u00e8res originaux Didot, utilis\u00e9s par l’imprimerie fran\u00e7aise du XIXe si\u00e8cle, la famille Didot. C’est un pilier d’Apple, soutenu par la majorit\u00e9 de leurs syst\u00e8mes d’exploitation et de leurs appareils.<\/p>\n Font-family: Didot, Didot LT STD, Hoefler Text, Garamond, Calisto MT, Times New Roman, serif.<\/p>\n Franklin Gothic est une police sans empattement avec des lettres inhabituellement \u00e9paisses, presque comme si c’\u00e9tait la version en gras d’une autre police. La police de caract\u00e8res originale a \u00e9t\u00e9 d\u00e9velopp\u00e9e au d\u00e9but du 20e si\u00e8cle par les American Type Founders. C’est un bon choix de police pour les titres, mais pas forc\u00e9ment pour le corps du texte.<\/p>\n Font-family: Franklin Gothic, Arial Bold.<\/p>\n Garamond est une police \u00e0 empattements, inspir\u00e9e des caract\u00e8res du graveur parisien Claude Garamond du XVIe si\u00e8cle. Elle a des bords plus doux et plus ronds que certaines polices \u00e0 empattements plus standard, comme Times New Roman. Les versions modernes de Microsoft et d’Apple OS comprennent leurs propres versions de la police Garamond.<\/p>\n Font-family: Garamond, Baskerville, Baskerville Old Face, Hoefler Text, Times New Roman, serif.<\/p>\n Un proche parent de Garamond, Georgia, est une autre police \u00e0 empattements avec des bords arrondis et un ressenti assez chaud. Elle a \u00e9t\u00e9 d\u00e9velopp\u00e9e pour Microsoft en 1996 et est toujours l’une des polices MS les plus r\u00e9pandues. Elle est prise en charge par pratiquement toutes les versions de Windows et de MacOS.<\/p>\n Font-family: Georgia, Times, Times New Roman, serif.<\/p>\n Gill Sans est une police de caract\u00e8res sans empattement, avec des lignes nettes et propres qui lui donnent un aspect moderne. Elle n’est pas id\u00e9ale pour le texte de paragraphe, en raison du manque de contraste<\/a> entre les lettres et de l’espacement serr\u00e9. Mais comme vous pouvez le voir dans l’exemple de texte, elle fait un titre tr\u00e8s attrayant. La plupart des appareils fonctionnant sous iOS, macOS et Windows la prennent en charge.<\/p>\n Font-family: Gill Sans, Gill Sans MT, Calibri, sans-serif.<\/p>\n Goudy Old Style est une police de caract\u00e8res \u00e0 empattements doux, \u00e0 l’ancienne, avec des empattements forts et un aspect et un ressenti \u00e0 l’ancienne. Les points sont en forme de diamant plut\u00f4t que des cercles normaux et parfaits de la plupart des polices \u00e0 empattements. Elle est incluse dans la plupart des versions r\u00e9centes de Windows.<\/p>\n Font-family: Goudy Old Style, Garamond, Big Caslon, Times New Roman, serif.<\/p>\n Helvetica est peut-\u00eatre la police la plus c\u00e9l\u00e8bre de tous les temps, et certainement l’une des seules polices \u00e0 avoir son propre documentaire d\u00e9di\u00e9. C’est une police moderne sans empattement, inspir\u00e9e d’autres polices suisses et allemandes modernes de la fin du XIXe et du d\u00e9but du XXe si\u00e8cle.<\/p>\n Plut\u00f4t qu’un design doux, arrondi et chaleureux, elle est \u00e9quilibr\u00e9e et ax\u00e9e sur des lignes et des formes \u00e9pur\u00e9es. C’est l’une des rares polices qui conviennent \u00e0 la fois pour le corps de texte et les titres. Tous les appareils Apple sont \u00e9quip\u00e9s de la police Helvetica, tandis que Microsoft utilise par d\u00e9faut la police Arial, son \u00e9quivalent MS.<\/p>\n Font-family: Helvetica Neue, Helvetica, Arial, sans-serif.<\/p>\n Impact est une police r\u00e9aliste sans empattement, avec un aspect gras tr\u00e8s \u00e9pais par d\u00e9faut pour tous les textes, qu’ils soient en majuscules ou en minuscules. Son audace la distingue du texte ordinaire et la rend parfaite pour les titres ou les CTA (appels \u00e0 l’action)<\/a>, mais elle n’est pas id\u00e9ale pour le corps de texte.<\/p>\n Elle faisait partie des polices de base originales du paquet web<\/a> en 1998. Aujourd’hui encore, elle est largement incluse et support\u00e9e par les ordinateurs et les t\u00e9l\u00e9phones Apple et Windows.<\/p>\n Font-family: Impact, Charcoal, Helvetica Inserat, Bitstream Vera Sans Bold, Arial Black, sans serif.<\/p>\n Lucida Bright est la police \u00e0 empattements de la gamme de polices Lucida de Microsoft, d\u00e9velopp\u00e9e pour MS en 1991. Elle se distingue notamment par l’utilisation d’empattements plus carr\u00e9s et plus robustes, par exemple sur le \u00ab\u00a0T\u00a0\u00bb et le \u00ab\u00a0L\u00a0\u00bb majuscules. Elle est incluse par d\u00e9faut dans la plupart des versions r\u00e9centes de Windows, alors que MacOS n’inclut g\u00e9n\u00e9ralement que la police sans empattement Lucida Grande, ce qui fait de Georgia une police de repli logique.<\/p>\n Font-family: Lucida Bright, G\u00e9orgie, serif.<\/p>\n Lucida Sans est une police humaniste sans empattement, con\u00e7ue sp\u00e9cialement pour compl\u00e9ter les polices \u00e0 empattement de la gamme Lucida. Le poids du trait varie davantage que dans les polices sans empattement plus nettes comme Helvetica ou Arial. Cela donne une impression moins futuriste ou robotis\u00e9e, et plus ludique. C’est une police id\u00e9ale pour les titres et les CTA.<\/p>\n Font-family: Lucida Sans, Helvetica, Arial, sans-serif.<\/p>\n Microsoft Sans Serif est une police sans serif introduite pour la premi\u00e8re fois avec Windows 2000. C’est le successeur de la police MS Sans Serif, qui \u00e9tait \u00e9galement connue sous le nom de Helv (abr\u00e9viation de Helvetica). Elle est inspir\u00e9e et bas\u00e9e sur Helvetica, la principale police de caract\u00e8res sans empattement des temps modernes<\/a>.<\/p>\n Il s’agit d’une police de caract\u00e8res propre, avec un poids de trait uniforme, ce qui lui donne un aspect professionnel et propre<\/a>. Elle est parfaite pour les titres et les sites web d’entreprises<\/a>. Elle a \u00e9t\u00e9 incluse comme l’une des polices originales pour le web et est toujours standard pour tous les appareils Microsoft.<\/p>\n Font-family: MS Sans Serif, sans-serif.<\/p>\n Optima est une police humaniste sans empattement, avec un poids de trait variable et une sym\u00e9trie variable. Elle semble donc presque faite \u00e0 la main, ce qui combat le ressenti typique d’une police sans empattement. C’est l’une des polices sans empattement standard d’Apple et elle est prise en charge par la plupart des appareils iOS et macOS. L’\u00e9quivalent de Microsoft est Segoe.<\/p>\n Font-family: Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif.<\/p>\n Palatino est un autre serif \u00e0 l’ancienne et se sentirait \u00e0 l’aise dans n’importe quel journal ou magazine en ligne. Mais elle est moins uniforme que quelque chose comme Georgia ou Times New Roman, avec des poids et des formes de traits variables.<\/p>\n L’approche de conception permet d’adoucir les lettres nettes comme k, l, x, y et z. Elle est \u00e9galement l\u00e9g\u00e8rement plus grasse que les autres polices \u00e0 empattements. Ces deux facteurs l’aident \u00e0 \u00eatre un peu plus chaleureuse. Palatino est incluse dans la majorit\u00e9 des appareils Windows et Apple.<\/p>\n Font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif.<\/p>\n Perpetua est une police \u00e0 empattements au design unique, cr\u00e9\u00e9e \u00e0 l’origine par le sculpteur anglais Eric Gill. Il y a un fort contraste dans le poids du trait, par exemple, regardez le \u00ab\u00a0e\u00a0\u00bb minuscule ou le chiffre \u00ab\u00a03\u00a0\u00bb. Cela donne \u00e0 la police une qualit\u00e9 cr\u00e9ative, presque ludique. Il s’agit g\u00e9n\u00e9ralement d’une police Windows, mais Baskerville, un proche parent, est standard sur la plupart des appareils Apple.<\/p>\n Font-family: Perpetua, Baskerville, Big Caslon, Palatino Linotype, Palatino, serif.<\/p>\n Rockwell est une police \u00e0 empattement carr\u00e9 ou dalle avec un lettrage tr\u00e8s audacieux, de presque un huiti\u00e8me de hauteur. Elle convient aux titres ou aux CTA, mais le poids de la police n’est pas id\u00e9al pour le corps du texte. Elle est incluse dans la plupart des nouvelles versions de MS Windows.<\/p>\n Font-family: Rockwell, Courier Bold, Courier, Georgia, Times, Times New Roman, serif.<\/p>\n Segoe UI est la principale police sans empattement de la famille de polices Segoe. Microsoft l’utilise non seulement dans de nombreuses applications, mais aussi dans divers supports commerciaux pour ses produits.<\/p>\n C’est une police moderne<\/a>, avec des lettres sym\u00e9triques et peu de variation dans le poids du trait. La police n’est pas fournie avec les ordinateurs Apple, mais l’\u00e9quivalent Helvetica Neue est similaire dans son aspect et son resssenti.<\/p>\n Font-family: Segoe UI, Frutiger, Dejavu Sans, Helvetica Neue, Arial, sans-serif.<\/p>\n Tahoma est une autre police sans empattement d\u00e9velopp\u00e9e par Microsoft. Elle a des lettres l\u00e9g\u00e8rement plus grasses que Segoe UI et utilise des points carr\u00e9s pour ses lettres minuscules, ses points et autres marques.<\/p>\n C’est une police de caract\u00e8res propre et uniforme, qui ne serait pas mal plac\u00e9e dans le contenu ou les titres. Elle est pr\u00e9sente sur tous les appareils Microsoft et pratiquement tous les appareils Apple.<\/p>\n Font-family: Tahoma, Verdana, Segoe, sans-serif.<\/p>\n Trebuchet MS est une autre police sans empattement d\u00e9velopp\u00e9e par Microsoft. C’est l’une des polices originales incluses dans les polices de base pour le paquet web de Microsoft. Elle est toujours support\u00e9e par la quasi-totalit\u00e9 des appareils Microsoft et Apple. Les lettres sont plus fines que beaucoup d’autres polices sans empattement, ce qui en fait une option pour les paragraphes et le corps du texte.<\/p>\n Font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, sans-serif.<\/p>\n Verdana, une police de caract\u00e8res sans empattement, est un autre produit de base de Microsoft qui existe depuis 1996. Le poids du trait est assez faible pour une police sans empattement, ce qui donne des lettres minces et faciles \u00e0 lire. Vous pouvez l’utiliser pour le texte des paragraphes et les titres sans probl\u00e8me. Elle est prise en charge par la quasi-totalit\u00e9 des appareils Apple et Windows.<\/p>\n Font-family: Verdana, Geneva, sans-serif.<\/p>\n Si vous souhaitez utiliser une police de caract\u00e8res cursive web safe, vous n’avez pas trop de choix. Plus pr\u00e9cis\u00e9ment :<\/p>\n Il n’y a pas de polices cursives qui soient universellement support\u00e9es par les appareils Apple et Microsoft. Vous devez consid\u00e9rer que l’utilisation d’une police cursive pour le corps de votre texte n’est pas une bonne id\u00e9e, car la lisibilit\u00e9 est une partie importante de la convivialit\u00e9 d’un site web<\/a>.<\/p>\n Vous devez toujours utiliser un texte tr\u00e8s lisible pour vos paragraphes, sinon les visiteurs malvoyants auront du mal \u00e0 lire le texte de votre site. Cela peut entra\u00eener des taux de rebond<\/a> \u00e9lev\u00e9s et un manque g\u00e9n\u00e9ral d’engagement vis-\u00e0-vis de votre contenu<\/a>.<\/p>\n Sans serif signifie essentiellement \u00ab\u00a0sans empattement\u00a0\u00bb. Un empattement est une ligne ou un trait ajout\u00e9 \u00e0 un trait plus long dans une lettre. Par exemple, les petits traits verticaux sous le trait sup\u00e9rieur d’un \u00ab\u00a0T\u00a0\u00bb majuscule, courants dans les titres des journaux ou des magazines. Les polices sans empattement sont les plus courantes et les plus populaires sur le web, vous avez donc le choix entre de nombreuses options :<\/p>\n L’avantage des polices de caract\u00e8res web safe est que vous n’avez pas \u00e0 vous soucier de les t\u00e9l\u00e9charger. Elles sont d\u00e9j\u00e0 prises en charge par le syst\u00e8me d’exploitation de chaque visiteur, il vous suffit donc de les coder avec du CSS<\/a>. Si vous ne connaissez rien au HTML et au CSS ou au codage pour le web, cela peut vous sembler un peu \u00e9crasant.<\/p>\n Mais croyez-nous, ce n’est pas aussi difficile que vous pourriez le penser. Nous vous guidons pas \u00e0 pas dans notre prochaine section.<\/p>\n Si vous avez un site WordPress avec le dernier th\u00e8me Twenty Twenty<\/a>, vous pouvez modifier les polices HTML<\/a> en ajoutant des CSS personnalis\u00e9s dans l\u2019outil de personnalisation de WordPress<\/a>.<\/p>\n Pour y acc\u00e9der, cliquez sur le lien Apparence > Personnaliser dans le menu, puis d\u00e9veloppez l’onglet CSS additionnel.<\/p>\n Ensuite, vous devez utiliser les Outils de d\u00e9veloppement de Chrome (ou un outil similaire pour un autre navigateur) pour identifier les s\u00e9lecteurs<\/a> du texte que vous voulez modifier.<\/p>\n Par exemple, vous pouvez consulter le titre de votre article de blog<\/a> :<\/p>\n On peut voir que le th\u00e8me utilise le s\u00e9lecteur standard \u00ab\u00a0entry-title\u00a0\u00bb pour le titre. Vous pouvez \u00e9galement rechercher l’attribut \u00ab\u00a0font-family\u00a0\u00bb pour voir comment le th\u00e8me stylise le texte, et \u00e0 quel niveau.<\/p>\n Comme Twenty Twenty n’utilise pas de police sp\u00e9cifique pour les titres, vous pouvez facilement modifier la police du titre en ciblant le s\u00e9lecteur \u00ab\u00a0font-family\u00a0\u00bb.<\/p>\n Par exemple, si nous voulons changer le titre pour la police Impact, nous pouvons utiliser le code suivant :<\/p>\n Il suffit de l’ajouter au CSS additionnel<\/a> et de cliquer sur \u00ab\u00a0Publier\u00a0\u00bb pour que vos modifications soient prises en compte en direct.<\/p>\n Nous abordons ce sujet et bien d’autres encore dans notre guide sur la mani\u00e8re de changer les polices de caract\u00e8res dans WordPress.<\/a>\u00a0Si vous avez construit votre site web en utilisant HTML et CSS<\/a>, vous pouvez modifier la police directement dans le code source.<\/p>\n Par exemple, si vous utilisez la balise de style dans les documents HTML<\/a> pour appliquer le code CSS \u00e0 chaque page, vous pouvez y modifier l’attribut font-family.<\/p>\n Si vous voulez changer la police de tous les textes de la page, vous devez cibler le s\u00e9lecteur \u00ab\u00a0body\u00a0\u00bb. Si vous voulez changer la police pour un texte sp\u00e9cifique, vous devez utiliser un s\u00e9lecteur sp\u00e9cifique.<\/p>\n Si vous avez utilis\u00e9 un mod\u00e8le pour construire votre site web, votre CSS se trouve tr\u00e8s probablement dans une feuille de style s\u00e9par\u00e9e. C’est tr\u00e8s bien, car cela signifie que vous pouvez modifier la police de l’ensemble de votre site en modifiant un seul fichier.<\/p>\n Dans ce cas, vous devez trouver votre fichier de feuille<\/a> de style (g\u00e9n\u00e9ralement appel\u00e9 style.css ou une variante). Ensuite, vous devez trouver la section qui contr\u00f4le les polices et les caract\u00e8res de votre site.<\/p>\n G\u00e9n\u00e9ralement, cela se fait vers le haut. Sinon, vous pouvez rechercher \u00ab\u00a0font-family\u00a0\u00bb en utilisant l’\u00e9diteur de code de votre choix.<\/p>\n\n Tout comme pour les th\u00e8mes<\/a> et les extensions<\/a>, les options ne manquent pas pour vous en ce qui concerne les id\u00e9es de polices.<\/p>\n Avec une vari\u00e9t\u00e9 de polices avec ou sans serif, monospace, et m\u00eame cursives disponibles gratuitement, les polices web safe sont un excellent point de d\u00e9part pour cr\u00e9er un site.<\/p>\n Les polices de caract\u00e8res parfaites font ressortir votre marque, am\u00e9liorent la lisibilit\u00e9 et soutiennent votre message. Choisissez judicieusement !<\/p>\nLes polices web safe sont-elles n\u00e9cessaires en 2026?<\/h2>\n
![\"Part](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/part-marche-navigateurs.png\")
Les polices de Google sont-elles web safe ?<\/h2>\n
Plus de 31 des meilleures polices de caract\u00e8res web safe<\/h2>\n
1. Arial<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-ariel-fr.jpg\")
Font stack recommand\u00e9e<\/h4>\n
2. Baskerville<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-baskerville.jpg\")
Font stack recommand\u00e9e<\/h4>\n
3. Bodoni MT \/ Bodoni 72<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-bodoni.jpg\")
Font stack recommand\u00e9e<\/h4>\n
4. Calibri<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-calibri.jpg\")
Font stack recommand\u00e9e<\/h4>\n
5. Calisto MT<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-calisto-mt.jpg\")
Font stack recommand\u00e9e<\/h4>\n
6. Cambria<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-cambria.jpg\")
Font stack recommand\u00e9e<\/h4>\n
7. Candara<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-candara.jpg\")
Font stack recommand\u00e9e<\/h4>\n
8. Century Gothic<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-century-gothic.jpg\")
Font stack recommand\u00e9e<\/h4>\n
9. Consolas<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-consolas.jpg\")
Font stack recommand\u00e9e<\/h4>\n
10. Copperplate Gothic<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/example-police-copperplate-gothic.jpg\")
Font stack recommand\u00e9e<\/h4>\n
11. Courier New<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-nouvelle-police-courier-new.jpg\")
Font stack recommand\u00e9e<\/h4>\n
12. Dejavu Sans<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/example-police-dejavu-sans.jpg\")
Font stack recommand\u00e9e<\/h4>\n
13. Didot<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-didot.jpg\")
Font stack recommand\u00e9e<\/h4>\n
14. Franklin Gothic<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-franklin-gothic.jpg\")
Font stack recommand\u00e9e<\/h4>\n
15. Garamond<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-garamond.jpg\")
Font stack recommand\u00e9e<\/h4>\n
16. Georgia<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-georgia.jpg\")
Font stack recommand\u00e9e<\/h4>\n
17. Gill Sans<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-gill-sans.jpg\")
Font stack recommand\u00e9e<\/h4>\n
18. Goudy Old Style<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-goudy-old-style.jpg\")
Font stack recommand\u00e9e<\/h4>\n
19. Helvetica<\/h3>\n
![\"Documentaire](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/documentaire-police-helvetica.png\")
Font stack recommand\u00e9e<\/h4>\n
20. Impact<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-impact.jpg\")
Font stack recommand\u00e9e<\/h4>\n
21. Lucida Bright<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-lucida-bright.jpg\")
Font stack recommand\u00e9e<\/h4>\n
22. Lucida Sans<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-lucida-sans.jpg\")
Font stack recommand\u00e9e<\/h4>\n
23. Microsoft Sans Serif<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-microsoft-sans-serif.jpg\")
Font stack recommand\u00e9e<\/h4>\n
24. Optima<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-optima.jpg\")
Font stack recommand\u00e9e<\/h4>\n
25. Palatino<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-palatino.jpg\")
Font stack recommand\u00e9e<\/h4>\n
26. Perpetua<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-perpetua.jpg\")
Font stack recommand\u00e9e<\/h4>\n
27. Rockwell<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-rockwell.jpg\")
Font stack recommand\u00e9e<\/h4>\n
28. Segoe UI<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-segoe-ui.jpg\")
Font stack recommand\u00e9e<\/h4>\n
29. Tahoma<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-tahoma.jpg\")
Font stack recommand\u00e9e<\/h4>\n
30. Trebuchet MS<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-trebuchet-ms.jpg\")
Font stack recommand\u00e9e<\/h4>\n
31. Verdana<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-police-verdana.jpg\")
Font stack recommand\u00e9e<\/h4>\n
Polices cursives web Safe<\/h3>\n
\n
Polices web safe sans serif<\/h3>\n
\n
O\u00f9 t\u00e9l\u00e9charger des polices Web Safe ?<\/h2>\n
Comment ajouter des polices web safe \u00e0 votre site WordPress<\/h2>\n
![\"Personnalisation](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/personnalisation-wordpress-css-additionnel.jpg\")
![\"Outils](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/outils-developpement-chrome-inspection.jpg\")
h1.entry-title { font-family: Impact, Charcoal, \"Helvetica Inserat\", \"Bitstream Vera Sans Bold\", \"Arial Black\", sans-serif; }<\/code><\/pre>\n![\"Personnalisation](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/personnalisation-wp-nouvelle-police.jpg\")
![\"S\u00e9lecteur](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/selecteur-css-corps-famillie-polices.png\")
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/09\/exemple-feuille-style-css.png\")
R\u00e9sum\u00e9<\/h2>\n