Лучшая единица для размеров шрифтов в CSS

Ответ 1

Я бы рекомендовал EM - просто потому, что я использую Baseline CSS для моей базовой настройки форм, макета и, самое главное, типа.

Не могу порекомендовать его достаточно: http://baselinecss.com/

Ответ 2

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

Я считаю, что основная причина заключалась в том, что разные браузеры и устройства имеют разные разрешения, что снова становится большой проблемой.

Я думаю, что часто лучше использовать em и%, поскольку они являются абстракционным слоем, особенно по сравнению с пикселями. Оба они похожи в некоторых отношениях как "100%" = "1em". Еще одна проблема с блоком пикселей заключается в том, что он не масштабируется вверх для зрительно нарушенных читателей.
Сегодня для мобильных устройств, пэдов и т.д. Часто бывает лучше иметь конкретные таблицы/правила для каждого из них.

Кроме того, для задач печати em работает хорошо.

Я видел em unit, называемый стандартом для размеров шрифтов в Интернете, но процентная единица часто дает более последовательный и доступный дисплей. Когда пользовательские настройки изменяются, процентные текстовые шкалы хорошо сохраняют читаемость, доступность и визуальный дизайн.

Ответ 3

Вот ссылка на один из моих любимых статей о правильном определении текста с помощью css из AListApart:

http://www.alistapart.com/articles/howtosizetextincss

Семантически, em является предпочтительным, но я всегда считал его проблематичным, потому что он воздействует на каждый дочерний элемент включительно. Если ваш дизайн гнездятся на 4 или 5 div, а каждый на .75 em, к тому времени, когда вы дойдете до последнего дочернего div, ваш текст почти нечитабелен.

Мое предпочтение - pt, потому что оно работает с различными операционными системами (позволяя самой системе решать, что такое pt), а не с использованием px, которое действительно может помешать читаемости сайта в зависимости от разрешения. Em считается "стандартным" для css, но у него столько же проблем, сколько и у других, но у него есть преимущество каскадирования по всему миру.

Ответ 4

Я всегда использую ems. Использование% - это одно и то же, но они означают что-то другое при использовании их в заявке на заполнение или маржи (padding: 1em 0; не совпадает с заполнением: 100% 0;). Поэтому просто используйте ems, который вы имеете в виду относительно текущего размера шрифта, и избегайте путаницы.

Добавленная выгода или использование ems - вы можете, например. используйте медиа-запрос и body{font-size: 120%}, чтобы предоставить мобильным пользователям немного больший размер шрифта.

Ответ 5

Хороший вопрос!

Я использую пиксель, потому что мне нравится, когда все исправлено.

Но ознакомьтесь с этой статьей:

http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/

может помочь вам сделать выбор. Я думаю, все это очень личное. Или это зависит от того, что вы делаете. Я полагаю,