Принцип назначения размера шрифтов текста и заголовков при адаптивной вёрстке

[borus]

Здравствуйте.

 

Хочу прояснить, как можно в адаптивной верстке оптимально и просто управлять размерами шрифтов при разном разрешении (без привлечения сторонних плагинов типа slabText). Это правильный подход:

1. Нужно назначать один базовый размер основного текста для body для каждого диапазона разрешений экранов(при маленьких разрешениях экрана целесообразно слегка уменьшать базовый размер текста)

2. А затем заголовки и особо значимые тексты уже масштабировать с помощью процентного указания размера шрифта font-size: ххх%

 

Это рабочий подход?

Edited April 11, 2014 by borus

[npofopr]

Почему нет? 

Я настраивал через @media запросы. И в px выставлял. 

[borus]

Ясно. В переделываемом Gantry 4 шаблоне заметил двоякий подход: там разработчики то через % масштабируют, то к less переменным добавляют(вычитают) нужное количество пикселей. Оба подхода хороши или лучше через % задавать зависимости высот шрифтов?

Edited April 11, 2014 by borus

[npofopr]

Через % я бы не стал. Дизайнер потом скажет, а почему тут 13.2314px стоит, когда при 768 разрешении должно быть 12px. В общем не люблю я автоматизацию)

[borus]

Через % я бы не стал. Дизайнер потом скажет, а почему тут 13.2314px стоит, когда при 768 разрешении должно быть 12px. В общем не люблю я автоматизацию)

А можно less переменные переопределять с помощью медиа стилей css?

Например с такого по такое разрешение @base-font-size: X px;

Edited April 11, 2014 by borus