Определенный метод для определения размера шрифта в CSS

Question

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

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

YUI Framework использует

body {
font:13px/1.231 arial,helvetica,clean,sans-serif;
/* for IE6/7 */ 
*font-size:small; 
/* for IE Quirks Mode */
*font:x-small; 

}

что меня действительно смущает!

Триполи использует

html
{
   font-size:125%;
}

body
{
    font-size:50%;
}

список отдельно предлагает что-то вроде:

body {

font-size: 16px;
*font-size: 100%;

}

Так что является лучшим из этих методов или любых альтернатив. Лучшее из того, с чем проще всего работать, и самый надежный кросс-браузер.

Answer 1

Что ж, в последнее время люди возвращаются к прямому размеру пикселя, потому что во всех современных браузерах функция масштабирования теперь увеличивает все пропорционально, а не просто увеличивает размер шрифта, как в предыдущих версиях. 12px - это стандартный базовый размер для стандартного текста, который я видел.

Answer 2

Есть методика установки шрифта до 10px с использованием метода 62,5, но я думаю, то есть имеет проблему с округлением, которое выбрасывает это немного (возможно, нет)

Это техника, которую я использую ежедневно, и я не столкнулся с какой-либо ошибкой IE из-за этого, если такая ошибка существует. Работать с ними тогда очень просто, если вы можете делить на десять без использования calc! Вам просто нужно использовать свойство font-size с такими элементами, как hN, li, p и т. Д., Но не пытайтесь измерить родительский div или blockquote, а также дочерние абзацы и заголовки, иначе у дочерних элементов не будет 10px <-> 1em эквивалентность больше.

Если вы используете CSS-фреймворк, придерживайтесь метода, который он использует.

Не по теме, я использую условные комментарии и никаких звездных хаков. Когда-либо.

Тем не менее, нет однозначного ответа на ваш вопрос (sb написал ' em против px - священная война ' по недавней теме, и (с) он совершенно прав, ИМХО).

С точки зрения доступности, вот соответствующий достаточный метод: C14: Использование единиц em для размеров шрифта - WCAG 2.0 Это не единственный способ достижения Критерии успеха 1.4.4 Изменение размера текст :

Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. (Level AA) 

C12 такой же, только с процентами, другие, насколько я помню, не совместимы с разными браузерами.