Как преобразовать <font size = "10" > в px?

Ответ 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>

Ответ 2

Согласно W3:

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

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

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

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

Ответ 3

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

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

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

И используйте в 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)) }

Ответ 4

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

Возможно, посмотрите этот (пиксель в точку) и эта ссылка.

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

Ответ 5

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

Ответ 6

размер шрифта для сопоставления 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

Ответ 7

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

Ответ 8

в пикселях
- размер шрифта 1
- размер шрифта: 0.63em

- размер шрифта 2
- размер шрифта: 0.82em

- размер шрифта 3
- размер шрифта: 1.0em

- размер шрифта 4
- размер шрифта: 1.13em

- размер шрифта 5
- размер шрифта: 1.5em

- размер шрифта 6
- размер шрифта: 2em

- размер шрифта 7
- размер шрифта: 3em

это приближения, основанные на измерениях em