Leçon 4: Les polices. Dans cette leçon, vous apprendrez ce que sont les polices et comment les appliquer avec CSS.
Nous étudierons également comment contourner le problème des polices spécifiques choisies pour un site Web qui ne sont visibles que si elles sont installées sur l'ordinateur utilisé pour accéder au site Web. Les propriétés CSS suivantes seront décrites : La famille de polices [font-family] La propriété font-family sert à indiquer la liste prioritaire des polices à utiliser pour l'affichage d'un élément donné ou d'une page Web. Si la première police de la liste n'est pas disponible sur l'ordinateur utilisé pour accéder au site, la police suivante est essayée et ainsi de suite jusqu'à ce qu'il y en ait une qui convienne. Il y a deux types de noms pour catégoriser les polices : les noms de familles et les familles génériques. Le nom de famille Comme exemples de noms de familles (souvent appelées « polices »), on trouve "Arial", "Times New Roman" ou "Tahoma".
La famille générique. Comment utiliser une fonte «non-standard» sur un site Web ? Il est de notoriété publique que l'usage des fontes sur le Web est limité à une poignée de fontes non pas standardisées, mais suffisamment répandues pour pouvoir être utilisées sans trop de risques.
Et cela pour une raison très simple: la police de caractères que l'on souhaite utiliser doit être présente sur le système de l'utilisateur pour être utilisée par le navigateur. Quand @font-face tombe à l'eau CSS 2 (publié en 1998) comprenait un mécanisme qui autorisait les auteurs de pages web à proposer une fonte au téléchargement, fonte qui serait ensuite utilisée dans la page. Il s'agit de la règle @font-face. Mais celle-ci a été peu implémentée par les navigateurs, ou alors partiellement. Pendant longtemps, le seul navigateur à avoir un support tout relatif de @font-face était Internet Explorer. Quelles polices de caractères (fontes) utiliser sur le Web ?
Si vous n'êtes pas un webdesigner professionnel, vous vous demandez sans doute quelles polices de caractères sont utilisables sur le Web.
Peut-on utiliser une fonte personnalisée? Quelles sont les principales familles de fontes génériques? Vocabulaire: polices de caractères et fontes À l'origine, une fonte de caractères (on dit communément fonte, et en anglais font) est une représentation d'un alphabet ayant un corps (c'est-à-dire une taille) donné(e), et une graisse (normal, gras…) donnée. Helvetica Bold Italic 12pt est une fonte, par exemple. Une police de caractères, aussi appelée police d'écriture, rassemble l'ensemble des fontes d'une même famille. Peut-on utiliser n'importe quelle fonte sur un site Web?
La réponse à cette question est simple: en théorie oui, en pratique non pas du tout, mais ça commence à être possible, et ça sera bientôt assez largement possible, sauf si ça foire, donc plutôt non mais en fait oui, faut voir. Simple, non? En CSS, cela se présente ainsi: Typetester – Compare fonts for the screen.