Что такое разумная стратегия для размера шрифта в разных размерах видового экрана? Я вижу три различных возможных варианта:Размеры шрифта для отзывчивого дизайна
Что было бы лучшим вариантом и почему?
Это своего рода открытый вопрос - потому что на самом деле, это к тому: что делает ваш контент требуют?
У ваших страниц есть длинные абзацы текста? Или вы смотрите на домашнюю страницу с большим количеством заголовков?
В общем случае, имея дело с текстом тела, я стараюсь приблизиться к вещам, установив размер базового шрифта для размеров мобильных/маленьких экранов. Затем при увеличении размеров видовых экранов увеличьте размер шрифта. Какие размеры/точки обзора видового экрана? Это снова зависит от контента. Вы хотите следить за количеством символов в строке текста. Когда он становится слишком длинным, вам нужно будет увеличить размер шрифта. Этот подход не является конкретным устройством, а скорее Контент специфический.
Также, keep an eye out for the vw font size unit. Надеюсь, мы сможем начать использовать его в ближайшее время.
Вы правы, это вопрос с открытым концом, но для простоты: вы говорите, что вы предпочитаете держать число символов в строке постоянным в размерах видового экрана (за исключением некоторых требований к макету или содержимому). – 2013-03-19 14:37:57
А также, VW-блок звучит интересно. Похоже на некаскадную часть%. – 2013-03-19 14:38:47
Это хороший способ охарактеризовать его - мне нравится поддерживать диапазон символов * в пределах размеров видовых экранов. Обычно я стреляю по 60-80 символов в строке, но это мое предпочтение. Идите первым глазом. – chipcullen
Я хотел бы использовать em или rem для размеров шрифтов, которые используются в качестве текста контента. Пусть устройство решит, как сделать этот текст.
Если его дизайн-критический текст (например, заголовки или навигационные пункты) Я использую px значения, но, вероятно, хорошо по-прежнему использовать (r) em s для этого.
Если текст должен масштабироваться, чтобы соответствовать его контейнер, я имел счастье с плагином под названием fittextJS
Вы используете px или em? Лучше всего использовать их при работе со шрифтами. – Lowkase
Несомненно, это будет зависеть от сайта? Информационно-тяжелым сайтам будет полезно фиксировать размеры шрифтов, тогда как сайты с меньшей письменной информацией могут лучше работать, увеличивая размер шрифта по мере уменьшения размера окна просмотра. – evilscary
Сохраните это же и используйте PX. Пусть устройство использует математику для конкретной плотности экрана. Таким образом, 12px на рабочем столе 12px на мобильных устройствах и т. Д. Он будет просто хорошо выглядеть независимо от того, что. Я использую технику здесь ... http://mhostiuckproductions.com/siteLSSBoilerPlate/ – Michael