Размер шрифта CSS 0,5 шага

В CSS вам разрешено использовать приращение .5, т.е.

font-size: 8.5pt;

Не вижу разницы между размером шрифта: 8pt и размером шрифта: 8,5pt


fonts css font-size pt
person StevieB    schedule 10.04.2012    source источник
comment
По моему опыту, это зависит от браузера к браузеру. Лучше всего придерживаться целых чисел или использовать спрайт для текста.   -  person ceejayoz    schedule 10.04.2012
comment
Пункт равен 1/72 дюйма, поэтому, когда вы делаете половину этого, разница очень незначительна.   -  person MetalFrog    schedule 10.04.2012

Ответы (3)


arrow_upward
9
arrow_downward

Значения точек действительно только для печати CSS.

Цитирую Криса С.:

Точка — это единица измерения, используемая в реальной типографике чернилами на бумаге. 72 пункта = один дюйм. Один дюйм = один реальный дюйм, как на линейке. Ни дюйма на экране, что совершенно произвольно в зависимости от разрешения.

Источник: http://css-tricks.com/css-font-size/

Страница советов W3C предлагает избегать их для экрана:

Так называемые абсолютные единицы измерения (см, мм, дюймы, точки и пк) означают в CSS то же самое, что и везде. Длина, выраженная в любом из них, будет отображаться точно как этот размер (в пределах точности аппаратного и программного обеспечения). Их не рекомендуется использовать на экране, поскольку размеры экрана сильно различаются. Большой экран может быть 60 см (24 дюйма), маленький портативный экран может быть всего 8 см. И вы не смотрите на них с одинакового расстояния.

Источник: http://www.w3.org/Style/Examples/007/units.en.html

person Jason Gennaro    schedule 10.04.2012
comment
Отличный ответ! Здесь вы можете видеть, что использование pt все еще работает, просто его слишком мало, чтобы увидеть jsfiddle.net/jackdent/ZvUbd /1 - person jacktheripper; 10.04.2012

arrow_upward
2
arrow_downward

Половина балла — это очень маленькая сумма. Без масштабирования экрана вы, скорее всего, никогда не увидите разницы. Тем не менее, программное обеспечение вычисляет его и отображает настолько хорошо, насколько позволяет ваше разрешение.

person Jonathan M    schedule 10.04.2012

arrow_upward
-1
arrow_downward

Когда вы делаете приращение 0,5 при использовании pt. это может быть или не быть достаточно большим для браузера, чтобы отобразить больше. И тогда каждый браузер отображает текст немного по-разному.

person Chris    schedule 10.04.2012
comment
Вопрос касается pt, а не em. То, что вы описываете, относится к устройству em. - person BoltClock; 10.04.2012
comment
Хотя для получения других результатов следует использовать другой тип меры. Пиксели обычно используются в мире шрифтов CSS. - person Chris; 10.04.2012