Comment choisir la meilleure police dans CSS3 - mannequins

Le texte, en tant que présentation abstraite de concepts concrets, d'idées et d'objets, nécessite des polices. La police choisie dans CSS3 pour le texte fait souvent autant pour transmettre une idée que le texte lui-même. Passer un peu de temps à regarder les cartes de vœux et vous trouvez que les fournisseurs de ces missives utilisent des polices pour présenter le message de manière unique.

Une police douce accompagne un message romantique; une police comique nous aide à rire d'un message drôle. Vous pouvez trouver des sources en ligne telles que Onextrapixel qui regardent la psychologie derrière l'utilisation d'une police. La liste suivante vous aide à comprendre les propriétés CSS standard à votre disposition pour obtenir l'accès aux polices et les utiliser sur une page (dans vos propres pages, assurez-vous d'utiliser la casse illustrée):

• font-family : Définit le nom de la police. Il existe trois classifications de polices généralement utilisées dans CSS (et la plupart des pages CSS utilisent les trois sauf si vous spécifiez la propriété src ):

  • Spécifique: Fournit une présentation précise partout où elle est utilisée. Par exemple, lorsque vous spécifiez Arial comme police, vous savez qu'il aura une présentation spécifique partout où vous l'utiliserez. Une police spécifique doit être installée sur un système ou le navigateur l'ignorera.

  • Coffre-fort Web: Il s'agit d'un type de police offrant une présentation moins précise, mais susceptible d'apparaître sur la machine de l'utilisateur. Ce que vous demandez est l'une des polices qui ont des apparences similaires. La présentation est souvent assez proche de l'original que l'utilisateur ne remarquera même pas.

  • Générique: Police non spécifique qui correspond à une description générale d'un type de police. De tels noms de polices incluent cursive, fantasy, monospace, sans-serif et serif. Ce que vous finissez par voir à l'écran peut ne pas transmettre la majeure partie du message original, mais ces sélections sont garanties pour fonctionner sur toutes les plateformes.

• font-size : Détermine la taille de la police par rapport aux autres polices de la page ou fournit une taille de police spécifique. Vous pouvez utiliser l'une de ces techniques pour définir la taille de police:

  • Taille spécifique: Comme la plupart des objets CSS, vous pouvez spécifier une taille exacte pour une police, en utilisant des pixels, des ems ou d'autres mesures absolues ou relatives.

  • Pourcentage: Définit la taille d'une police en pourcentage de la taille de la police d'un élément parent. Si vous spécifiez une taille supérieure à 100%, la taille de la police augmente, une valeur inférieure à 100% diminue la taille de la police.

  • Mot clé: Spécifie la taille de police en utilisant les termes relatifs: xx-petit, x-petit, petit, moyen, grand, x-grand, xx-grand, plus petit, plus grand et hérité (où la taille de police hérité du parent).

• font-style : Détermine le style de police créé par le navigateur. Le navigateur doit prendre en charge le style et la police doit fournir le style pour que cette propriété prenne effet. Les mots-clés de style de police sont: normal , italique , oblique (normalement une italique plus forte), et héritent .

• font-variant : Spécifie si la police doit être présentée dans un formulaire variant. Tous les navigateurs et polices ne prennent pas en charge cette fonctionnalité. Les mots-clés de cette propriété sont normal , small-caps et inherit .

• font-weight : Détermine l'obscurité relative de la police et la largeur de ses traits. Il existe deux méthodes pour définir le poids de la police:

  • Numérique: Une valeur spécifiant le poids relatif de la police où une valeur de 400 est normale et 700 est en gras. Les valeurs numériques sont: 100, 200, 300, 400, 500, 600, 700, 800 et 900. Dans la plupart des cas, vous devez utiliser les nombres avec précision comme indiqué ici - un navigateur peut ignorer une valeur de 150.

  • Mot-clé: Spécifie le poids de la police en utilisant les termes relatifs: normal, gras, plus gras, plus léger et hérité.