Dois-je utiliser absolue de la police tailles (petit, moyen, grand et coll.)?
Le W3C maintenir un page de conseils sur la façon de la taille de vos polices dans le CSS - dernière mise à jour en avril 2010. Selon cette page, la meilleure façon de style de police est d'utiliser le "absolue" font-tailles:
encore mieux, si une police de base-la taille est définie pour le document, utiliser la taille absolue ([ xx-small, x-small | small | medium | large | x-large | xx-large ]) ou relative ([ plus grande | petite ]) lors de la définition de la taille de la police d'un élément particulier dans le document.
La spec puis définit ces polices dans une table. Autant je comprends ce tableau, small
doit être de 2/3 (66%
) la taille de medium
, et large
doit être au format 4/3 (133%
).
Si je test je reçois plutôt des résultats différents de mon interprétation des ratios spécifié par le W3C. Les résultats sont cohérents dans les dernières versions de Chrome, Firefox et IE, mais ne pas en accord avec la recommandation du W3C. small
est 81.25%
au lieu de 66%
, et large
est 112.5%
au lieu de 133%
.
Est-ce à dire que les navigateurs modernes ne sont pas à l'appui de ces normes de la W3C? Est-il une nouvelle norme qui supplanté ce que je ne suis pas au courant? Ou ai-je mal compris le sens de cette table à partir de la W3C?
À la fin de la journée, ma question se résume à: Est-il toujours la meilleure pratique à utiliser absolu tailles de police en CSS? Il va se comporter de manière cohérente sur tous les navigateurs? Et idéalement, je voudrais savoir quelle norme les navigateurs modernes sont les suivantes.
em
et les pourcentages. Notez que le html aussi comme un <small> tag qui rend le tout un peu plus de confusion, le seul avantage selon la spec html5 est que cela pourrait être utile du point de vue sémantique. Mais je me demande ce que les autres ont de rester sur les styles css x-large!OriginalL'auteur Robin Winslow | 2012-01-04
Vous devez vous connecter pour publier un commentaire.
Vous interpréter le tableau que vous liez. Le médium est le HTML 3 taille de la police, la taille minimale de HTML 2 taille de la police, se référant à l'obsolète étiquette de police et son 1..7 tailles de police.
De toute façon, si vous voulez l'honneur de l'utilisateur taille de la police de préférences, de ne pas utiliser des tailles de police comme 10px et la comme. Médium, la préférence de l'utilisateur. (Bien que la grande majorité des utilisateurs de laisser leur taille préférée sur le réglage d'usine par défaut, parce qu'ils ne savent pas comment le changer.)
@MrLister dit dans les commentaires:
[ratio entre absolu tailles de police] diffère entre les navigateurs .. . Selon le W3C, il peut même différer entre les polices. Dans mon expérience personnelle, dans certains navigateurs, il y a aussi une différence entre la stricte et en mode quirks. Donc, si vous voulez la cohérence, ne l'utilisez pas. Établir une taille pour le corps (la taille que vous voulez, ou le laisser à l'utilisateur), puis de travailler avec des pourcentages ou des ems pour les divers éléments
Ah bon!!! Oui je ne pouvais pas travailler sur ce qu'il entend par "HTML tailles de police". Sont-ils définis quelque part? Ou si elles ne le sont pas, et spécifiquement à gauche à l'UA (comme @Chris points) est-il fiable table de navigateur par défaut? Seulement parce que si j'ai besoin de code CSS basé sur un guide de style, un design PNG j'ai besoin de savoir quelles sont les tailles que je traite.
Juste pour ajouter - je obtenir ce qu'elles sont susceptibles de changer, et donc si je veux de police spécifique tailles de pixel, je ne devrais pas être en s'appuyant sur
small
,medium
etc. Mais je voudrais le code en fonction des meilleures pratiques (et de telle sorte que les tailles de police ont le pouvoir de changer le site encore être utilisable), mais encore il regarder pour les intervenants, comme la conception.Il differes entre les navigateurs, oui. Selon le W3C, il peut même différer entre les polices. Dans mon expérience personnelle, dans certains navigateurs, il y a aussi une différence entre la stricte et en mode quirks. Donc, si vous voulez la cohérence, ne l'utilisez pas. Établir une taille pour le corps (la taille que vous voulez, ou le laisser à l'utilisateur), puis de travailler avec des pourcentages ou des ems pour les différents éléments.
OriginalL'auteur Mr Lister
"Moyen" se traduit par cadratin (1 em.
Je pense que vous avez mal compris ma question. Ce fait, bien que généralement vrai, n'était pas le point.
"Est-il toujours la meilleure pratique à utiliser absolu tailles de police en CSS?" - absolue comme dans "10pt" ou absolue comme dans les "petits" (les"petits" qui fait référence à la
font
de la balise de valeurs pour la taille). Ce que j'essayais de dire, c'est que l'ancienfont
balise de taille "moyenne" traduira cadratin (1 em de la base taille de la police, c'est à dire, il est lié à browserspecific, mais doit être considéré comme "moyen". Aussi loin que les meilleures pratiques, la définition de votre base de taille de police que cadratin (1 em et defering de que pour tous les autres éléments serait mon vote ne sais pas si vous voulez l'appeler "absolue" ou "relative" à l'époque.Je pense que la moyenne est absolue en ce qu'elle ne dépend pas de ce que la taille de la police du bloc contenant est. Cadratin (1 em cependant est dépend de la entourant la taille de la police. donc, si vous avez un bloc avec une taille de police définie à 50px puis cadratin (1 em sera 50px tandis que le support sera quel que soit le navigateur par défaut de la taille, il est (probablement pas 50px). Voir jsfiddle.net/chrisvenus/NxBA5/2 pour un exemple qui démontre clairement que, à moyen et cadratin (1 em ne sont pas la même chose.
droit, chris, merci pour éclaircir cela. 1 em bien sûr, c'est toujours par rapport à son conteneur de la taille de police 🙂
OriginalL'auteur kontur