Ingernirated
@Ingernirated
Романыч

Как рассчитать шрифт с поправкой на увеличение или уменьшения размера страницы?

Всем привет!
Подскажите, есть какая-то формула пропорциональности основного размера шрифта ко всем размерам?
Например, если заголовки у меня 36px при ширине экрана 1440, то какие нужно делать при 1920 и 1024, чтобы ширина блоков текста не становилась меньше или слишком большой?
  • Вопрос задан
  • 2654 просмотра
Решения вопроса 3
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Ширина всех символов разная (если шрифт не моноширинный).
Ширина символа "0" (ноль) в css выражается единицей 1ch
Ширина вьюпорта (видимая часть окна) выражается единицей 1vw.
Зависимость ширины символа от его высоты (и от размера шрифта получается) можно посмотреть только открыв шрифт в специальном редакторе. Это отношение очевидно будет специфичным для любого отдельного семейства шрифта или его начертания.

Дерзайте, пишите формулы. Приблизительно, с допустимой погрешностью, наверное, что-нибудь получится наваять.

Можно не заморачиваться и пойти методом научного тыка.
Вручную определить нужные размеры на минимуме и максимуме ширины. А далее использовать метод адаптивных шрифтов. В этой статье на хабре метод подробно разложен по полочкам "Отзывчивый размер шрифта"
Ответ написан
Комментировать
@poniyur
Алгебра за 5 класс:
36 - 1440
x - 100%
x = 36 * 100 / 1440 = 2.571;
Получается такой вот стиль:
h1 {
font-size: 2.571vw;
}
Задайте такой стиль и поизменяйте размер экрана. Вроде должно получиться.
Я раньше, когда был верстальщиком, делал резиновые шрифты, но я точно не помню как это делал, а работы уже утеряны, попробуйте так.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы