Правильная адаптивная типографика с FlowType.JS

[@denser]

Полезная штука, спасибо!

[@taldy]

Иногда получается странный эффект совместно с адаптивным дизайном.

Там в примере есть раздел с колонками, которые занимают примерно четверть ширины, и шрифт «мельче обычного», выглядит как какая-нибудь «дополнительная информация». Пока ширина окна достаточная для отображения колонок, все нормально, но при уменьшении ширины колонки ставятся друг под другом и растягиваются на всю ширину, и в этот момент шрифт становится очень большой, крупнее обычного, почти заголовочный.

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

[@shara]

Не используйте эту гадость, пожалуйста, по крайней мере без max-width



Кликабельно, разрешение экрана 1920х1200

[@might]

Да, выглядит не привычно, но текст читается достаточно легко, проще, чем если бы, допустим, первый абзац занимал бы 2 строки.

[@vinograd19]

Имхо размер шрифта можно только ступенчато изменять. А не непрерывно.

По адаптивному дизайну мне больше всего нравится, как у mashable.com/ сделано

[@itch625]

Сыровато. Нет плавности и иногда шалят те самые отступы!

[@philpirj]

А что делать при масштабировании SVG, как оставить шрифт читаемым, при этом не делая огромным?