Как преобразовать <font size="“10”"> в пиксели?

Question

Мне нужно обратиться <font size="10"> в px.

Только пример (неверно): <font size="10"> эквивалентно 12px.

Есть ли какая-либо формула или преобразование таблицы для преобразования <font size="10"> в 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

Согласно W3C:

Этот атрибут задает размер шрифта .Возможные значения:

• Целое число от 1 до 7.Это устанавливает шрифт определенного фиксированного размера, отображение которого зависит от пользовательского агента .Не все пользовательские агенты могут отображать все семь размеров.
• Относительное увеличение размера шрифта.Значение "+1" означает на один размер больше.Значение "-3" означает на три размера меньше.Все размеры соответствуют шкале от 1 до 7.

Следовательно, преобразование, о котором вы просите, невозможно.Браузер не обязан использовать определенные размеры с определенными size атрибуты.

Также обратите внимание, что использование font элемент не поощряется W3 в пользу таблицы стилей.

Answer 3

Используя точки данных из принятого ответа, вы можете использовать полиномиальную интерполяцию для получения формулы.

Входные данные WolframAlpha:интерполирующий многочлен {{1,.63},{2,.82}, {3,1}, {4,1.13}, {5,1.5}, {6, 2}, {7,3}}

Формула:0,00223611x^6 - 0,0530417x^5 + 0,496319x^4 - 2,30479x^ 3 + 5,51644x ^2 - 6,16717x + 3,14

И использовать в заводном коде:

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

сопоставление размера шрифта с em является точным только в том случае, если размер шрифта не определен и изменяется, когда для вашего контейнера заданы разные размеры.

Следующее работает лучше всего для меня, но оно не учитывает размер = 7, а все, что выше 7, отображается только как 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

Как правило, нельзя полагаться на фиксированный размер пикселя для шрифтов, пользователь может масштабировать экран, и значения по умолчанию не всегда одинаковы (зависит от настроек DPI экрана и т. д.).

Может быть, посмотрите этот (пиксель в точку ) и эту ссылку .

Но, конечно, вы можете установить размер шрифта в px, чтобы вы знали, сколько пикселей на самом деле составляет шрифт. Это может помочь, если вам действительно нужен фиксированный макет, но такая практика снижает доступность вашего веб-сайта.

Answer 6

Это действительно старый файл, но < font size = " > будет примерно < p style = " font-size: 55px " >

Answer 7

На это не так легко ответить. Это зависит от используемого шрифта и точек на дюйм (ppi). Это должно дать обзор проблемы.