Comment choisir la meilleure police dans CSS3

Texte, comme une présentation abstraite des concepts concrets et des idées et des objets, exige fontes pour une présentation. La police choisie dans CSS3 pour le texte fait souvent autant à donner une idée que le texte lui-même. Passez un peu de temps à regarder des cartes de vœux et vous constaterez que les pourvoyeurs de ces missives utilisent des polices de présenter le message de façon unique.

Une police logicielle accompagne un message- romantique une police comique nous aide à rire à un message drôle. Vous pouvez trouver des sources en ligne tels que Onextrapixel qui se penchent sur la psychologie derrière utilisant une police. La liste suivante ne vous aider à comprendre les propriétés CSS standard à votre disposition pour obtenir l'accès aux polices et de les utiliser sur une page (dans vos propres pages, assurez-vous que vous utilisez la capitalisation montré):

  • famille de polices: Définit le nom de la police. Il ya trois classifications de police généralement utilisés dans le cadre de CSS (et la plupart des pages CSS utilisent tous les trois à moins que vous indiquez également le src la propriété):

  • Spécifique: Fournit une présentation précise où il est utilisé. Par exemple, lorsque vous spécifiez une police Arial, vous savez que cela aura une présentation spécifique partout où vous l'utilisez. Une police spécifique doit être installé sur un système ou le navigateur va l'ignorer.

  • Web sûre: Ceci est un type de police qui fournit une présentation moins précise, mais est plus susceptible d'apparaître sur la machine de l'utilisateur. Qu'est-ce que vous êtes en train de demander est l'un des plusieurs polices qui ont des traits semblables. La présentation est assez souvent proche de l'original que l'utilisateur ne remarquera même pas.

  • Générique: Une police non spécifique qui correspond à une description générale d'un type de police. Ces noms de polices suivantes: cursive, imaginaire, monospace, sans-serif et serif. Qu'est-ce que vous avez réellement finit par voir à l'écran peut ne pas transmettre une grande partie du message original du tout, mais ces sélections sont garantis pour fonctionner sur toutes les plateformes.

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

    • Taille spécifique: Comme avec la plupart des objets de CSS, vous pouvez spécifier une taille exacte pour une police, utilisant des pixels, EMS, ou quelque autre mesure absolue ou relative.

    • Pourcentage: Définit la taille d'une police en tant que pourcentage de la taille de police un élément parent. Spécification d'une taille supérieure à 100% augmente la taille de la police, en précisant une valeur inférieure à 100% diminue la taille de la police.

    • Mot-clé: Indique la taille de la police en utilisant des termes relatifs: xx-small, x-petit, petit, moyen, grand, X-large, xx-large, plus petite, plus grand, et d'hériter (où la taille de la police est hérité de la mère).


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

    • font-variant: Indique si la police doit être présenté dans une forme variante. Pas tous les navigateurs et les polices en charge cette fonctionnalité. Les mots-clés pour cette propriété sont normal, en minuscule, et hériter.

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

      • Numérique: Une valeur indiquant le poids relatif de la police, où une valeur de 400 est normal 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 numéros exactement comme indiqué ici - un navigateur peut ignorer une valeur de 150.

      • Mot-clé: Indique le poids de la police en utilisant des termes relatifs: Normal, Gras, plus audacieux, plus légers, et à hériter.


      • » » » » Comment choisir la meilleure police dans CSS3