Fons de sécurité Web dans CSS | Expliqué

Les polices fonctionnent comme des marques de tout site Web car ces polices fournissent une apparence visuelle splendide à n'importe quel site Web. Il y a toujours une perspective que les polices qui fonctionnent magnifiquement sur une plate-forme / appareil peuvent ne pas être efficaces pour d'autres plates-formes. Par conséquent, les polices en matière de Web sont toujours le premier choix du développeur.

Les polices accessibles à presque tous les appareils et prises en charge par la plupart des navigateurs sont appelées polices avec le Web. Ces polices sont installées à l'échelle mondiale sur tous les navigateurs et appareils. Cet article présentera des polices notables en matière de femmes avec leurs familles de polices génériques:

• Serif (Times New Roman, Géorgie)
• Sans-serif (Arial, Calibri, Helvetica)
• Cursive (Script mt)
• Monospace (Courrier)

Alors commençons!

Serif

Les polices qui appartiennent à la famille Serif ont de minuscules coups décoratifs au bord de la lettre.

Times New Roman

Une police extrêmement populaire qui appartient à la famille Serif et est utilisée comme la principale police pour les applications Windows. Il est le plus souvent utilisé dans la thèse de recherche, les articles et les médias imprimés comme les journaux.

Exemple

L'extrait ci-dessous vous permettra de comprendre comment utiliser Times New Roman Font in HTML / CSS

Html

Un exemple de nouvelles polices romaines

CSS

p
Font-Family: «Times New Roman», Serif;

Voici la sortie résultante pour l'extrait ci-dessus:

Géorgie

Il s'agit d'une police élégante qui appartient à la famille Serif et qui est très lisible à différentes tailles de police, donc considérée comme l'option parfaite pour les conceptions mobiles réactives:

Html

Un exemple de polices de Géorgie

CSS

p
Font-Family: Géorgie, Serif;

L'extrait de code ci-dessus montre la sortie suivante:

Sans-serif

Contrairement aux polices Serif, ils n'ont pas de trait. Les polices de San-Serif sont considérées comme des polices facilement lisibles par rapport à toute autre famille de polices.

Arial

Les polices Arial et les membres de leur famille sont considérées comme les polices Web les plus sûres et la raison derrière elle est très simple I.e. Les polices Arial sont facilement disponibles sur toutes les plates-formes / systèmes d'exploitation.

Exemple

Considérez le morceau de code ci-dessous qui décrit à quoi ressemblent les polices Arial:

Html

Un exemple de polices Arial

CSS

p
Font-Family: Arial, Sans-Serif;

Dans le code ci-dessus, nous écrivons «San-Serif» comme report car aucune police n'est à cent pour cent du Web-Safe. Voici le résultat du code ci-dessus:

Helvetica

C'est l'une des polices les plus couramment utilisées qui appartiennent à la famille Sans-Serif. Il est considéré comme la police commerciale et il est très populaire parmi les concepteurs:

Html

Un exemple de polices d'Helvetica

CSS

p
Font-Family: Helvetica, Sans-Serif;

Un extrait ci-dessus affiche le résultat suivant:

Calibri

C'est la police Microsoft standard depuis la sortie de MS Office 2007 et a un look très élégant.

Html

LT; P> un exemple de polices de calibri

CSS

p
Font-Family: Calibri, Sans-Serif;

L'extrait de code ci-dessus produit le résultat suivant:

Script mt

C'est l'une des polices les plus populaires de la famille cursive et est très similaire à l'écriture humaine

Html

Un exemple de Script Mt Fonts

CSS

p
Font-Family: 'Script MT', cursive;

La sortie de l'extrait de code ci-dessus apparaîtra comme ceci:

Courrier nouveau

Il s'agit d'une police très couramment utilisée de la famille Monospace qui est principalement utilisée pour afficher les codes de programmation et en plus de cette plupart des e-mails utilisés de courrier neuf comme police par défaut.

Html

Un exemple de Script Mt Fonts

CSS

p
Font-Family: «Courier New», Monospace;

L'extrait ci-dessus génère la sortie suivante:

Conclusion

Les polices en ligne sur le Web sont des polices universellement installées et peuvent être affichées en toute sécurité sur n'importe quel appareil. Il y a de nombreuses polices en ligne sur le Web de familles Sans-Serif, Serif, Monospace et cursives disponibles sur presque tous les appareils. Dans cet article, nous avons appris sur des polices de Web largement utilisées et effectué une mise en œuvre pratique de ces polices dans divers domaines.