25 Magnifiques polices Web Safe pour votre site Web

Mise à jour: 25 mars 2021 / Article par: Azreen Azmi

Polices. Nous les voyons tous les jours. Des publicités imprimées aux magazines, il existe toutes sortes de polices dans le monde.

Que vous soyez propriétaire d'une boutique de commerce électronique ou blogueur en herbe, la seule chose que tous les sites Web ont en commun est l'utilisation de texte pour le contenu.

Il est naturellement important de penser au texte affiché (ou à la conception typographique) lors de la création de l’esthétique générale de votre site et de son succès.

Mais ce qui est plus important, c'est qu'ils soient des polices Web sécurisées.

Que sont les polices Web Safe?

Les polices Web sécurisées sont des styles de police qui sont généralement préinstallés et rendus visibles sur la plupart des appareils - ordinateurs, téléphones mobiles, téléviseurs intelligents et tablettes.

Pourquoi les polices Web sécurisées sont-elles importantes?

Dans un monde idéal, vous devriez avoir la possibilité de choisir la police de votre choix pour votre site Web. En réalité, le type de polices que vous pouvez utiliser est soumis à des restrictions.

La plupart des ordinateurs et des navigateurs Web sont livrés avec un ensemble de polices préinstallées par les fabricants. Toutefois, leurs conceptions peuvent (et généralement) être différentes. Il n'y avait pas de jeu de polices standard partagé par tous les fabricants.

Si la police que vous avez utilisée n'était pas installée sur l'ordinateur d'un utilisateur, votre site Web ne fera que revenir à une police générique, qui peut parfois se révéler illisible.

En outre, pour éviter cela, les concepteurs Web utilisent le Polices de base pour le Web Microsoft a publié dans 1996 le standard de la plupart des polices de sites Web. Ces polices sont par la suite devenues des «polices Web sécurisées» car, quel que soit l'ordinateur, les polices apparaîtront en toute sécurité sur votre site Web.

Devrais-je utiliser les polices Web Safe pour mon site Web?

Réponse courte: absolument.

Si vous souhaitez que le design et la marque visuelle de votre site Web soient cohérents, l'utilisation d'une police Web sécurisée garantit que votre site Web s'affiche exactement comme vous le souhaitiez.

En fait, presque tous les sites Web utilisent aujourd'hui une forme de police Web sécurisée. Les concepteurs de sites Web recommanderont toujours de choisir une police Web sécurisée afin d'éviter que des polices génériques, telles que Times New Roman, apparaissent lorsque les utilisateurs visitent votre site Web s'ils ne possèdent pas cette police spécifique ou personnalisée.

Comment ajouter ces polices Web Safe?

Vous pouvez utiliser ces polices de différentes manières pour les ajouter à votre page Web. Toutefois, si vous n’êtes pas familiarisé avec la programmation ou si vous n’avez aucune expérience technique, vous pouvez simplement copier le code CSS brut et le coller directement. dans votre propre feuille de style pour utiliser les polices.

Si vous n'êtes toujours pas sûr, suivez simplement ces quelques étapes simples:

  1. Chargez votre fichier header.php
  2. Copiez la source de police / le code standard (voir référence 1)
  3. Collez le code en haut de votre fichier d'en-tête.
  4. Chargez votre style.css, mettez le code de police pour changer le texte de police de votre choix. (voir référence 2)

Référence 1

Référence 2

body {font-family: 'Abel'; font-size: 22px;}

Les superbes polices Web Safe de 25 pour votre site Web

1. Arial

Web Safe Fonts - Arial

Liens / Source: Fonts.com / Pile de polices CSS

2. Calibri

Web Safe Fonts - Calibri

Liens / Source: Fonts.com / Pile de polices CSS 

3. Helvetica

Web Safe Fonts - Helvetica

Liens / Source: Fonts.com / Pile de polices CSS

4. Segoe UI

Web Safe Fonts -  Segoe UI

Liens / Source: Fonts.com / Pile de polices CSS

5. Trébuchet MS

Web Safe Fonts - Trebuchet

Liens / Source: Fonts.com / Pile de polices CSS 

6. Cambria

Web Safe Fonts - Cambria

Liens / Source: Fonts.com / Pile de polices CSS 

7. Palatino

Web Safe Fonts - Palatino

Liens / Source: Fonts.com / Pile de polices CSS

8. Perpetua

Web Safe Fonts - Perpetua

Liens / Source: Fonts.com / Pile de polices CSS

9. Géorgie

Web Safe Fonts - Georgia

Liens / Source: Fonts.com / Pile de polices CSS 

10. Consolas

Web Safe Fonts - Consolas

Liens / Source: Fonts.com / Pile de polices CSS

11. Courier New

Web Safe Fonts - Courier New

Liens / Source: Fonts.com / Pile de polices CSS 

12. Tahoma

Web Safe Fonts - Tahoma

Liens / Source: Fonts.com / Pile de polices CSS

13. Verdana

Web Safe Fonts - Verdana

Liens / Source: Fonts.com / Pile de polices CSS

14. Optima

Web Safe Fonts - Optima

Liens / Source: Fonts.com / Pile de polices CSS

15. Gill Sans

Web Safe Fonts - Gill Sans

Liens / Source: Fonts.com / Pile de polices CSS

16. Siècle gothique

Web Safe Fonts - Century Gothic

Liens / Source: Fonts.com / Pile de polices CSS 

17. Candara

Web Safe Fonts - Candara

Liens / Source: Fonts.com / Pile de polices CSS

18. Andale Mono

Web Safe Fonts -  Andale Mono

Liens / Source: Fonts.com / Pile de polices CSS 

19. Didot

Web Safe Fonts - Didot

Liens / Source: Fonts.com / Pile de polices CSS

20. Copperplate Gothic

Web Safe Fonts - Copperplate

Liens / Source: Fonts.com / Pile de polices CSS 

21. Rockwell

Web Safe Fonts - Rockwell

Liens / Source: Fonts.com / Pile de polices CSS 

22. Bodoni

Web Safe Fonts - Bodoni

Liens / Source: Fonts.com / Pile de polices CSS

23. Franklin Gothic

Web Safe Fonts - franklin Gothic

Liens / Source: Fonts.com / Pile de polices CSS 

24. Impact

Web Safe Fonts - Impact

Liens / Source: Fonts.com / Pile de polices CSS 

25. Calisto MT

Web Safe Fonts - Calisto

Liens / Source: Fonts.com / Pile de polices CSS

Outils de police à vérifier

Il existe un certain nombre d'outils en ligne que vous pouvez utiliser pour vérifier et tester différentes polices que vous pouvez utiliser pour votre site web. Si vous rencontrez des difficultés pour choisir une police ou si vous souhaitez simplement explorer les types de polices disponibles sur le Web, ces sites sont un excellent outil à utiliser.

Paire de polices

Paire de polices offre une tonne de ressources, de plugins, de livres électroniques, de guides, de vidéos et même d’inspirations sur tout ce qui concerne la typographie. Ils ont même une section qui vous donne les polices les plus populaires disponibles sur Google Fonts et les polices qui sont les mieux jumelées les unes aux autres.

Wordmark.it

Si vous voulez un aperçu rapide de ce à quoi votre texte ressemblerait avec une certaine police, Wordmark.it vous donne un aperçu instantané de la façon dont votre texte apparaîtrait sur plusieurs polices à la fois. Tapez simplement un mot ou une phrase dans la barre de leur page d'accueil, appuyez sur Entrée pour afficher votre texte avec différentes polices telles que Candara ou Lucida Console.

WhatTheFont

WhatTheFont est un outil que vous pouvez utiliser pour comprendre et identifier une police que vous avez vue en ligne. Tout ce que vous avez à faire est simplement de télécharger une image de la police et WhatTheFont la recherchera dans sa base de données pour vous donner les résultats les plus proches. Si vous ne trouvez toujours pas la police exacte, vous pouvez même vous diriger vers leur forum pour demander de l'aide.

Tout est question de police

Use WHSR tool to check website font script
Notre outil développé en interne peut vérifier les scripts de polices utilisés par le site Web (consultez - Outil WHSR).

Si vous êtes un peu comme moi, il est fort probable que vous passiez beaucoup de temps sur le Web à lire et à visiter des tonnes de sites Web. Pour cette raison, vous apprécierez lorsqu'un site Web utilise une bonne typographie pour compléter le design visuel de son site.

Lorsque vous utilisez des polices Web sécurisées qui plaisent aux yeux, vos utilisateurs seront reconnaissants et plus disposés à revenir et à consommer davantage de votre contenu. Alors qu'est-ce que tu attends? Commencez à utiliser ces polices et faire un site web génial pour votre entreprise!

Lire la suite:

À propos d'Azreen Azmi

Azreen Azmi est un écrivain avec un penchant pour l'écriture sur le marketing de contenu et la technologie. De YouTube à Twitch, il tente de rester en contact avec les dernières créations de contenu et de trouver le meilleur moyen de commercialiser votre marque.