Как адаптировать шрифты под экран?

Question

[vasilseodor]

Как адаптировать верстку чтобы шрифты подстраивались под экран? Наприме есть блок 400пкс. в нем шрифт фонт-сайс:90пкс. на 1920 мониторе все отлично. Открываю на 1280 все к чертям летит.
Нет ли приемов подстраивающих шрифты под экран-размер браузерного окна?

Answer 1

[gassmonkey]

У меня размер одежды 52, когда его ношу, всё отлично. Надеваю 46-ой, всё к чертям рвётся. Что делать?

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

Answer 2

[svarnoi420]

К примеру так:
codepen.io/anon/pen/zGLqeG
По уменьшайте ширину мини-браузера.

Принцип следующий:
1. для html задаем font-size (я обычно задаю 62.5%);
2. задаем текстам относительные единицы измерения (rem);
3. в media запросах изменяем font-size только у html.

При 62.5% текст, к примеру, со значением 1.4 rem, тоже самое, если бы мы написали 14px.

Но это не панацея.