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:
- Chargez votre fichier header.php
- Copiez la source de police / le code standard (voir référence 1)
- Collez le code en haut de votre fichier d'en-tête.
- 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
Liens / Source: Fonts.com / Pile de polices CSS
2. Calibri
Liens / Source: Fonts.com / Pile de polices CSS
3. Helvetica
Liens / Source: Fonts.com / Pile de polices CSS
4. Segoe UI
Liens / Source: Fonts.com / Pile de polices CSS
5. Trébuchet MS
Liens / Source: Fonts.com / Pile de polices CSS
6. Cambria
Liens / Source: Fonts.com / Pile de polices CSS
7. Palatino
Liens / Source: Fonts.com / Pile de polices CSS
8. Perpetua
Liens / Source: Fonts.com / Pile de polices CSS
9. Géorgie
Liens / Source: Fonts.com / Pile de polices CSS
10. Consolas
Liens / Source: Fonts.com / Pile de polices CSS
11. Courier New
Liens / Source: Fonts.com / Pile de polices CSS
12. Tahoma
Liens / Source: Fonts.com / Pile de polices CSS
13. Verdana
Liens / Source: Fonts.com / Pile de polices CSS
14. Optima
Liens / Source: Fonts.com / Pile de polices CSS
15. Gill Sans
Liens / Source: Fonts.com / Pile de polices CSS
16. Siècle gothique
Liens / Source: Fonts.com / Pile de polices CSS
17. Candara
Liens / Source: Fonts.com / Pile de polices CSS
18. Andale Mono
Liens / Source: Fonts.com / Pile de polices CSS
19. Didot
Liens / Source: Fonts.com / Pile de polices CSS
20. Copperplate Gothic
Liens / Source: Fonts.com / Pile de polices CSS
21. Rockwell
Liens / Source: Fonts.com / Pile de polices CSS
22. Bodoni
Liens / Source: Fonts.com / Pile de polices CSS
23. Franklin Gothic
Liens / Source: Fonts.com / Pile de polices CSS
24. Impact
Liens / Source: Fonts.com / Pile de polices CSS
25. Calisto MT
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
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!