10 meilleures polices Web sécurisées pour votre blog (travailler avec HTML et CSS)

Polices. On les voit tous les jours. Des annonces imprimées aux magazines, il existe toutes sortes de polices dans le monde. À moins que vous ne puissiez pas lire, vous comprenez probablement l’importance de choisir les bonnes polices pour le bon support


En ce qui concerne les blogs et les sites Web, il est important de choisir les polices qui correspondent le mieux à votre style, mais ce qui est plus important, c’est qu’elles soient des polices Web sécurisées.

Que sont les polices Web Safe?

Tous les systèmes d’exploitation (Windows, Mac, Android, iOS, etc.) sont livrés avec une certaine quantité de polices intégrées. Le problème est que différents systèmes d’exploitation peuvent avoir des polices de caractères différentes installées sur leurs systèmes.

C’est là qu’interviennent les polices Web Safe.

Les polices Web Safe sont essentiellement des styles de police partagés et visibles sur toutes les plates-formes et divers systèmes.

Services d’intégration de polices Web

Polices Web Google ou Typekit sont des systèmes qui permettent l’utilisation de polices hébergées sur leurs serveurs. Typekit définit le prix en fonction du nombre de polices, du trafic du site et du nombre de domaines, contrairement à Google Web Fonts.

Grâce à Google, Google Web Fonts est entièrement gratuit et facile à utiliser. Par exemple, vous pouvez choisir des types de police comme Lato, Open Sans ou Tinos. Collez le code généré dans votre document. Et vous êtes prêt à le référencer en CSS.

Voici le HTML de base pour le débutant si vous voulez en savoir plus.

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

“Ce que vous voyez est ce que vous obtenez” quand il s’agit d’imprimer mais sur le Web, ce que vous voyez sur votre écran peut ne pas être exactement le même pour l’écran de quelqu’un d’autre.

Voici un exemple, supposons que le concepteur que vous avez embauché décide d’utiliser une famille de polices vraiment fantaisiste et obscure pour la conception du texte de votre site. Si un visiteur n’a pas la police spécifique installée sur son ordinateur ou qu’il ne tire pas d’un endroit accessible sur le Web, alors tout ce qu’il verra sera une variation de police par défaut comme Times New Roman.

Vous pourriez avoir un site magnifiquement conçu avec des polices impressionnantes, il aura toujours l’air simple et laid s’il ne peut pas être chargé pour vos visiteurs.

Avoir ces polices Web Safe signifie que vous n’aurez pas à vous soucier de l’aspect bizarre de vos textes simplement parce que vous avez choisi une police à laquelle personne n’a accès.

Si vous voulez savoir comment créer un site Web (un guide étape par étape), vous pouvez suivre le lien pour consulter l’un des articles publiés récemment.

10 meilleures polices Web Safe que nous recommandons

Maintenant que vous connaissez l’importance d’une police Web sécurisée, il est temps de commencer à les utiliser pour votre site.

Bien qu’il existe de nombreuses polices que vous pouvez choisir, nous vous recommandons ces 10 polices Web sécurisées à utiliser avec HTML et CSS. Ils sont largement utilisés et sont également très beaux.

1. Arial

arialExemple de famille de polices Arial

Chargez n’importe quel site Web et il est probable qu’ils utiliseront une police Arial.

Cette police sans serif est la plus largement utilisé police et est considéré comme la norme pour toutes les polices Web sécurisées. Il est souvent utilisé en remplacement des polices spécialisées qui ne sont pas disponibles sur les appareils Windows.

2. Helvetica

helveticaExemple de famille de polices Helvetica

Si les polices Arial sont le choix idéal pour des sites Web propres et professionnels, alors Helvetica serait le choix du concepteur..

Le Helvetica offre une police sans empattement plus stylisée qui permet des conceptions plus audacieuses.

3. Times New Roman

Times-New-RomanExemple de famille de polices Times New Roman

Une nouvelle variante de la police Old Times.

Times New Roman est probablement ce que la plupart des utilisateurs de Windows connaissent, car il s’agit de la police serif standard sur Microsoft Words. Comparé à Arial, Times New Roman est légèrement plus traditionnel dans sa conception.

4 fois

foisExemple de famille de polices Times

Si Times vous a semblé familier, c’est parce que c’est la police standard utilisée pour les vieux imprimés de journaux..

Times est considéré comme la police la plus traditionnelle qui soit et est rarement utilisé en dehors des imprimés et des journaux.

5. Trebuchet MS

trébuchet-msExemple de famille de polices Trebuchet MS

Conçu à l’origine par Microsoft dans les années 90, Trebuchet MS était inspiré par de vieilles polices de style médiéval.

Il a été utilisé en bonne place comme police principale pour Windows XP et comme polices de copie du corps sur le Web pendant un certain temps.

6. Verdana

verdanaExemple de famille de polices Verdana

L’un des choix les plus sûrs pour une police Web, Verdana utilise des lignes serif simples et des lettres super grandes pour sa conception.

L’aspect allongé des polices en fait l’une des polices les plus faciles à lire sur le net et est souvent la police de choix de nombreux blogueurs.

7. Arial Black

Noir arialExemple de la famille de polices Arial Black

Si vous avez aimé la police Arial mais que vous vouliez quelque chose de plus audacieux et plus grand, vous ne pouvez pas vous tromper avec Arial Black. La police est apparue lorsque les gens voulaient utiliser une police en gras de style Helvetica mais ne voulaient pas payer pour sa licence.

8. Courrier

courrierExemple de famille de polices Courier

Courier doit être familier à tout le monde, car l’ancienne police à espacement fixe est disponible sur presque tous les appareils et systèmes d’exploitation en remplacement de toutes les polices «uniques»..

Ce n’est pas la police la plus élégante mais elle est très lisible et bien conçue.

9. Courier New

courrier-nouveauExemple de famille de polices Courier New

Tout comme Times, Courier a également eu une refonte qui a modernisé son style classique.

Courier New est considéré comme une police à espacement fixe et est également disponible sur la majorité des appareils et des systèmes d’exploitation.

10. Géorgie

GéorgieExemple de famille de polices Georgia

Bien que Verdana soit généralement le choix sûr pour la plupart des sites Web, si vous vouliez une police qui a des lettres légèrement plus grandes avec la même taille de police, la Géorgie correspond à la facture.

Bien qu’il faille le noter, la police fonctionne à certaines occasions et ne fonctionne pas bien avec d’autres polices serif (elles sont minuscules à côté de Times New Roman).

Ne pas utiliser absolument: Comic Sans MS

Bien sûr, cela a l’air amusant et quelque peu fantaisiste, cependant, n’utilisez absolument pas Comic Sans MS si vous voulez que votre site Web soit pris au sérieux.

bande dessinéeExemple de police Comic Sans MS

La police sans empattement est une interprétation décontractée du lettrage de la bande dessinée et est généralement utilisée pour les documents informels et le matériel pour enfants. Sauf si vous écrivez pour un livre pour enfants ou une bande dessinée, n’utilisez pas Comic Sans MS!

Emballer

Le but des polices sécurisées pour le Web est de s’assurer que ce que vous avez conçu sur votre site Web apparaît exactement comme prévu sur d’autres appareils et plates-formes. Bien que certaines polices puissent ne pas fonctionner, il existe un certain nombre de superbes designs qui rendront les polices de votre site superbes.

Promettez-moi simplement que vous n’utiliserez en aucun cas Comic Sans MS.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map