VPF::Существуют ли адаптивные шрифты?

Wowann

Дата 17.10.2013, 10:12 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 5
Регистрация: 31.7.2013

Репутация: нет
Всего: нет

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

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

На мой взгляд, это просто один из способов задания размера шрифта и ничего более, ибо будет одинаковый результат при

Код


font-size: 16px;
font-size: 1em;
font-size: 100%;

В чем же здесь адаптивность?

Можно ли сделать так, чтобы размер шрифта действительно адаптировался к ширине экрана?

ksnk

Дата 17.10.2013, 13:15 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Wowann, Адаптивная верстка - не совсем про то.
Она про размещение отображаемых элементов для разных экранов. При изменении размера не предполагается изменять размер этих элементов, просто перекидать их на новые места, так что и шрифт менять нет необходимости.

А для изменения размера шрифтов - никто не мешает их менять для разных размеров экрана

Код


.adaptive_font {
    font-size:0.8em;
}
@media only screen and (min-width: 480px) {
.adaptive_font {
    font-size:1em;
}
}
@media only screen and (min-width: 768px) {
.adaptive_font {
    font-size:2em;
}
}
@media only screen and (min-width: 992px) {
.adaptive_font {
    font-size:3em;
}
}
@media only screen and (min-width: 1382px) {
.adaptive_font {
    font-size:4em;
}
}

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »