Les concepteurs Web amateurs commencent généralement à utiliser l’ancienne balise HTML « font » pour définir la police de caractères pour des blocs de texte spécifiques; cependant, les concepteurs Web professionnels reconnaissent bientôt la valeur de l’ajout de polices Web sécurisées à leur répertoire de programmation.
Table des matières
Polices de page Web
L’affichage correct des polices sur une page Web est parfois une chose délicate à accomplir. Lorsque vous considérez le nombre de personnes susceptibles de visiter votre site Web et les différentes plates-formes que ces visiteurs utilisent, l’ampleur du problème devient beaucoup plus apparente. Les différents types de périphériques, tels que Windows, Mac ou Linux, peuvent avoir un impact significatif sur l’affichage de votre page Web.
Chaque système d’exploitation, tel que Windows XP ou Windows Vista, gère les polices différemment. Pour cette raison, il est important d’éviter d’utiliser des polices trop exotiques ou d’utiliser des polices intégrées au Web. Cela offre aux développeurs un moyen d’utiliser des polices plus excentriques, mais l’inconvénient est que tous les systèmes d’exploitation ne les interpréteront pas correctement.
Codage des polices de page Web
La méthode de définition de la police dans une page Web a également changé. Traditionnellement, les concepteurs Web utilisaient la simple balise HTML « font » pour indiquer au navigateur la police à utiliser pour afficher le texte de la page Web:
Cette ligne est une police verte et verdana.
Les concepteurs Web ont utilisé cette approche pendant des années, jusqu’à ce que les nouvelles technologies et normes de formatage de sites Web facilitent beaucoup le formatage de plusieurs pages Web à partir d’un seul fichier de formatage. Les développeurs de sites Web peuvent désormais utiliser des fichiers CSS pour mettre en forme des éléments tels que les types de polices, les tailles et d’autres paramètres de style dans leurs pages Web. Par exemple, pour définir la police d’une certaine taille d’en-tête, le concepteur utilise la syntaxe suivante:
h5 {famille de polices: serif; }
L’utilisation d’une « famille de polices » dans un fichier CSS est désormais la méthode acceptée pour définir la police dans votre page Web. Cependant, même lorsque les polices sont correctement programmées, le problème de s’assurer que les polices de votre site Web fonctionnent sur tous les systèmes demeure.
Choix des polices Web Safe
Les concepteurs Web qui souhaitent s’assurer qu’une page Web fonctionne bien sur toutes les plates-formes doivent prendre en compte la police de caractères. Les polices Web sécurisées sont discutables; si vous recherchez dans la blogosphère quelles polices sont « plus sûres » que d’autres, vous trouverez une grande variété d’opinions. Cette variance dépend de la probabilité que les gens auront certaines polices installées sur leur système.
Tout le monde sait quelles polices sont livrées en standard avec chaque système d’exploitation, mais le logiciel que les gens choisissent d’installer, qui augmente généralement les capacités des polices, est un jeu de devinettes. Néanmoins, certaines polices sont très susceptibles d’être présentes sur tous les systèmes.
Polices Web les plus sûres
En tenant compte de plusieurs enquêtes sur les polices sur Internet, les polices suivantes font systématiquement la liste des 10 polices les plus «sûres» à utiliser:
- Verdana
- Arial
- Noir arial
- Comic Sans MS
- Courier Nouveau
- Géorgie
- Times New Roman
- Trébuchet MS
- Siècle gothique
- Impact
L’utilisation de l’une de ces polices améliore considérablement vos chances que votre page Web s’affiche correctement quel que soit le système d’exploitation.
Rendre les polices sécurisées encore plus sûres
Il est important de noter que bien que les polices les plus sûres (Verdana, Arial et Arial Black) soient utilisées par plus de 90% des utilisateurs d’ordinateurs PC et Mac, à peine 60% des utilisateurs de Linux ont installé ces polices. Il est donc peu probable que 100% des personnes qui visitent votre site puissent le voir. Cependant, il est possible de combler cet écart en fournissant plusieurs polices dans votre « famille de polices » CSS avec le code suivant:
h5 {famille de polices: Verdana, Geneva, sans-serif; }
Au lieu de fournir au navigateur une seule police, et potentiellement de créer une erreur si cette police n’est pas installée, la « famille de polices » fournit une liste de polices parmi lesquelles le navigateur peut choisir. Ceux-ci vont du premier choix à gauche au troisième choix à droite. Par exemple, dans le code ci-dessus, le navigateur affichera l’en-tête H5 avec la police Verdana si elle est disponible, sinon, il reviendra à votre deuxième choix, Genève. Si votre deuxième choix n’est pas disponible, le navigateur reviendra à la police générique « sans-serif ». L’utilisation de cette approche garantit presque que vos visiteurs n’auront jamais de problèmes pour visualiser la police de votre site Web, quel que soit le système qu’ils utilisent.
Si vous avez une opinion sur les dix polices Web les plus sûres répertoriées ci-dessus, veuillez nous donner votre avis dans la section commentaires ci-dessous.
Lisez plus d’astuces sur le design web ici, et n’oubliez pas de partager l’article sur Facebook !
