web-dev-qa-db-fra.com

Comment convertir <font size = "10"> en px?

J'ai besoin de convertir <font size="10"> en px. 

Exemple uniquement (non correct): <font size="10"> est équivalent à 12px.

Existe-t-il une conversion de formule ou de table permettant de convertir <font size="10"> en px?

28
marknt15
<font size=1>- font size 1</font><br>
<span style="font-size:0.63em">- font size: 0.63em</span><br>

<font size=2>- font size 2</font><br>
<span style="font-size: 0.82em">- font size: 0.82em</span><br>

<font size=3>- font size 3</font><br>
<span style="font-size: 1.0em">- font size: 1.0em</span><br>

<font size=4>- font size 4</font><br>
<span style="font-size: 1.13em">- font size: 1.13em</span><br>

<font size=5>- font size 5</font><br>
<span style="font-size: 1.5em">- font size: 1.5em</span><br>

<font size=6>- font size 6</font><br>
<span style="font-size: 2em">- font size: 2em</span><br>

<font size=7>- font size 7</font><br>
<span style="font-size: 3em">- font size: 3em</span><br>
38
Eugene Yokota

Selon Le W3C :

Cet attribut définit la taille du fichier Police de caractère. Valeurs possibles:

  • Un entier compris entre 1 et 7. Ceci définit la police à une taille fixe, dont le rendu dépend de l'utilisateur agent. Tous les agents utilisateurs ne peuvent pas rendre toutes les sept tailles.
  • Une augmentation relative de la taille de la police. La valeur "+1" signifie une taille plus grande . La valeur "-3" signifie trois tailles plus petite. Toutes les tailles appartiennent à la balance de 1 à 7.

Par conséquent, la conversion que vous demandez n'est pas possible. Le navigateur n'est pas obligé d'utiliser des tailles spécifiques avec des attributs size spécifiques.

Notez également que l'utilisation de l'élément font est découragée par W3 en faveur de feuilles de style .

15

En utilisant les points de données de la réponse acceptée, vous pouvez utiliser une interpolation polynomiale pour obtenir une formule.

Entrée WolframAlpha: Polynôme interpolant {{1, .63}, {2, .82}, {3,1}, {4,1.13}, {5,1,5}, {6, 2}, {7, 3}}

Formule: 0.00223611x ^ 6 - 0.0530417x ^ 5 + 0.496319x ^ 4 - 2.30479x ^ 3 + 5.51644x ^ 2 - 6.16717x + 3.14

Et utiliser dans le code Groovy:

 import Java.math. * 
 def convert = {x -> (0,00223611 * x ** 6 - 0,053042 * x ** 5 + 0,49632 * x ** 4 - 2,30479 * x ** 3 + 5.5164 * x ** 2 - 6.167 * x + 3.14) .setScale (2, RoundingMode.HALF_UP)} 
 (1..7) .each {i -> println (convert (i))} 
5
Stephen Swensen

la taille de la police pour le mappage em n'est précise que s'il n'y a pas de taille de police définie et change lorsque votre conteneur est défini sur des tailles différentes.

Ce qui suit fonctionne mieux pour moi, mais il ne tient pas compte de la taille = 7 et tout ce qui est supérieur à 7 ne rend que 7.

font size=1 = font-size:x-small
font size=2 = font-size:small
font size=3 = font-size:medium
font size=4 = font-size:large
font size=5 = font-size:x-large
font size=6 = font-size:xx-large

 enter image description here

2
Steve

En général, vous ne pouvez pas compter sur une taille de pixel fixe pour les polices, l'utilisateur peut redimensionner l'écran et les valeurs par défaut ne sont pas toujours les mêmes (dépend des paramètres DPI de l'écran, etc.).

Regardez peut-être this (pixel en point) et ce lien .

Mais bien sûr, vous pouvez définir la taille de la police sur px afin de connaître le nombre de pixels de la police. Cela peut aider si vous avez vraiment besoin d'une mise en page fixe, mais cette pratique réduit l'accessibilité de votre site Web.

1
Lucero

C'est vraiment vieux, mais <font size="10"> serait à propos de <p style= "font-size:55px">

0
user2845437