Css-protips: Пожалуйста, не предлагайте использовать значения px для размера шрифта

Созданный на 27 мая 2016  ·  3Комментарии  ·  Источник: AllThingsSmitty/css-protips

Самый полезный комментарий

@nhoizey Это очень интересный способ определения размера шрифта. Поздравляю. Но не могли бы вы уточнить, как вы получили это конкретное значение .8em+.3vw+.3vh ? Какие рассуждения вы использовали?

Но в целом я думаю, что ваши настройки размера шрифта — это то, что нужно в типографском мире. Просто вы также должны включить/включить в это выражение какую-то ширину контента/сетку контента и семейство шрифтов. Если мы посмотрим на таблицу ширины текстового блока типографов, она должна стать _золотым стандартом_ установки читаемого размера шрифта на основе ширины текстового блока и используемого шрифта. Размер области просмотра может даже быть устаревшим, если его содержимое не использует 100% своей ширины.

В обычной _библии типографа_ (Элементы типографского стиля — _Роберт Брингхерст_) есть эта таблица со значениями ширины/размера шрифта/количества символов.
image
Если мне нужно создать веб-сайт для удобочитаемости, я стараюсь использовать базовые размеры в соответствии с размером сетки/текстового блока и этой таблицей или, по крайней мере, приблизиться к ней.

Все 3 Комментарий

@nhoizey спасибо за отзыв. Ваш пост интересен. Вы выступаете за то, чтобы всего лишь html { font-size: 1em; } позволить значение по умолчанию для каждого браузера?

@AllThingsSmitty, спасибо, что прочитали! ;-)

html { font-size: 1em; } бесполезен, так как это значение по умолчанию. Так что я бы вообще ни за что не выступал.

Честно говоря, сейчас я использую что -то более сложное на body , чтобы добавить немного гибкости моему font-size , но я не трогаю html font-size вообще, а значение body должно быть равно 1em или больше, в зависимости от размера области просмотра.

@nhoizey Это очень интересный способ определения размера шрифта. Поздравляю. Но не могли бы вы уточнить, как вы получили это конкретное значение .8em+.3vw+.3vh ? Какие рассуждения вы использовали?

Но в целом я думаю, что ваши настройки размера шрифта — это то, что нужно в типографском мире. Просто вы также должны включить/включить в это выражение какую-то ширину контента/сетку контента и семейство шрифтов. Если мы посмотрим на таблицу ширины текстового блока типографов, она должна стать _золотым стандартом_ установки читаемого размера шрифта на основе ширины текстового блока и используемого шрифта. Размер области просмотра может даже быть устаревшим, если его содержимое не использует 100% своей ширины.

В обычной _библии типографа_ (Элементы типографского стиля — _Роберт Брингхерст_) есть эта таблица со значениями ширины/размера шрифта/количества символов.
image
Если мне нужно создать веб-сайт для удобочитаемости, я стараюсь использовать базовые размеры в соответствии с размером сетки/текстового блока и этой таблицей или, по крайней мере, приблизиться к ней.

Была ли эта страница полезной?
0 / 5 - 0 рейтинги

Смежные вопросы

AllThingsSmitty picture AllThingsSmitty  ·  37Комментарии

ghost picture ghost  ·  3Комментарии

prasannavl picture prasannavl  ·  3Комментарии

akxer picture akxer  ·  3Комментарии

danilvalov picture danilvalov  ·  3Комментарии