Cómo convertir < tamaño de fuente = & # 8220; 10 & # 8221; > a px?

Question

Necesito convertir < font size = " 10 " > a px.

Solo ejemplo (no correcto): < font size = " 10 " > es equivalente a 12px.

¿Hay alguna fórmula o conversión de tabla para convertir < font size = " 10 " > a px?

Answer 1

<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>

Answer 2

Según El W3C :

  

Este atributo establece el tamaño de la   fuente. Valores posibles:

     

  
• Un entero entre 1 y 7. Esto establece la fuente en algún tamaño fijo,   cuya representación depende del usuario   agente. No todos los agentes de usuario pueden hacer   los siete tamaños.
  
• Un aumento relativo en el tamaño de la fuente. El valor " + 1 " significa una talla más grande.   El valor " -3 " significa tres tamaños   menor. Todos los tamaños pertenecen a la escala.   de 1 a 7.
  

Por lo tanto, la conversión que estás solicitando no es posible. No se requiere que el navegador use tamaños específicos con atributos específicos de tamaño .

También tenga en cuenta que W3 no recomienda el uso del elemento font a favor de hojas de estilo .

Answer 3

Usando los puntos de datos de la respuesta aceptada, puedes usar la interpolación polinomial para obtener una fórmula.

Entrada de WolframAlpha: polinomio de interpolación {{1, .63}, {2, .82}, {3,1}, {4,1.13}, {5,1.5}, {6, 2}, {7,3}}

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

Y usar en el código 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)) }

Answer 4

el tamaño de la fuente para la asignación de em solo es exacto si no se define el tamaño de la fuente y cambia cuando el contenedor se configura en diferentes tamaños.

Lo siguiente funciona mejor para mí, pero no tiene en cuenta el tamaño = 7 y cualquier cosa por encima de 7 solo se muestra como 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

Answer 5

En general, no puede confiar en un tamaño de píxel fijo para las fuentes, el usuario puede escalar la pantalla y los valores predeterminados no siempre son los mismos (depende de la configuración de DPI de la pantalla, etc.).

Quizás eche un vistazo a este (píxel a punto ) y este enlace .

Pero, por supuesto, puede establecer el tamaño de fuente en px, para que sepa cuántos píxeles es realmente la fuente. Esto puede ayudar si realmente necesita un diseño fijo, pero esta práctica reduce la accesibilidad de su sitio web.

Answer 6

Esto es realmente antiguo, pero < font size = " 10 " > sería sobre < p style = " font-size: 55px " >

Answer 7

Esto no puede ser respondido tan fácilmente. Depende de la fuente utilizada y los puntos por pulgada (ppi). Esto debe proporcionar una descripción general del problema.