Comments 7
Полезная штука, спасибо!
+2
Иногда получается странный эффект совместно с адаптивным дизайном.
Там в примере есть раздел с колонками, которые занимают примерно четверть ширины, и шрифт «мельче обычного», выглядит как какая-нибудь «дополнительная информация». Пока ширина окна достаточная для отображения колонок, все нормально, но при уменьшении ширины колонки ставятся друг под другом и растягиваются на всю ширину, и в этот момент шрифт становится очень большой, крупнее обычного, почти заголовочный.
Т.е. на десктопе одна и та же информация выглядит как дополнительная, а на мобильнике будет выглядеть как доминирующая. Понятно что плагин лишь реализует алгоритм, но все же эффект может оказаться неприятный.
Там в примере есть раздел с колонками, которые занимают примерно четверть ширины, и шрифт «мельче обычного», выглядит как какая-нибудь «дополнительная информация». Пока ширина окна достаточная для отображения колонок, все нормально, но при уменьшении ширины колонки ставятся друг под другом и растягиваются на всю ширину, и в этот момент шрифт становится очень большой, крупнее обычного, почти заголовочный.
Т.е. на десктопе одна и та же информация выглядит как дополнительная, а на мобильнике будет выглядеть как доминирующая. Понятно что плагин лишь реализует алгоритм, но все же эффект может оказаться неприятный.
+1
Не используйте эту гадость, пожалуйста, по крайней мере без max-width
Кликабельно, разрешение экрана 1920х1200
Кликабельно, разрешение экрана 1920х1200
+4
Имхо размер шрифта можно только ступенчато изменять. А не непрерывно.
По адаптивному дизайну мне больше всего нравится, как у mashable.com/ сделано
По адаптивному дизайну мне больше всего нравится, как у mashable.com/ сделано
0
А что делать при масштабировании SVG, как оставить шрифт читаемым, при этом не делая огромным?
0
Sign up to leave a comment.
Правильная адаптивная типографика с FlowType.JS