Шрифт относительно вьюпорта?

Question

[Johny Smith]

Кто имел дело на практике с шрифтом относительно размера окна 1vw

1. Какие плюсы и минусы такого подхода к размеру текста
   
2. Какие могут всплыть нюансы
   
3. Как реализовать: font-size: calc(1vw * 1em)?
   

Answer 1

[Даниил Попов]

1.
+ Текст масштабируется с изменение размера экрана
- Текст масштабируется с изменение размера экрана
Такое нужно когда на резиновом сайте необходимо, чтобы текст был пропорционального размера к блоку.
Придется делать много медиа запросов, чтобы в целом у вас все смотрелось хорошо, но все есть шанс наткнуться на конфигурацию экрана, когда смотреться будет плохо
2.
Для всех сложно сделать, чтобы было хорошо. На узких экранах vw будет давать мелкий текст, на слишком широких vw даст огромный текст и пр. Много разного выплывает.
3.
В calc при умножении и делении второй аргумент должен быть числом.

Вот пример текста с относительными размерами:
https://codepen.io/groog/pen/XeLJxX

Вот еще один пример:
https://jsfiddle.net/groog/gch4mw1d/6/
Поиграйте размером экрана и посмотрите на текст

Answer 2

[Александр Таратин]

Касательно пункта 3
ИМХО удобнее такой вариант
https://gist.github.com/indrekpaas/7f22e44ace49b5124eec