Используйте rem
для глобального размера;
Но… html { font-size: 16px; }
-> пожалуйста, неееет! :-/
@nhoizey спасибо за отзыв. Ваш пост интересен. Вы выступаете за то, чтобы всего лишь html { font-size: 1em; }
позволить значение по умолчанию для каждого браузера?
@AllThingsSmitty, спасибо, что прочитали! ;-)
html { font-size: 1em; }
бесполезен, так как это значение по умолчанию. Так что я бы вообще ни за что не выступал.
Честно говоря, сейчас я использую что -то более сложное на body
, чтобы добавить немного гибкости моему font-size
, но я не трогаю html
font-size
вообще, а значение body
должно быть равно 1em
или больше, в зависимости от размера области просмотра.
@nhoizey Это очень интересный способ определения размера шрифта. Поздравляю. Но не могли бы вы уточнить, как вы получили это конкретное значение .8em+.3vw+.3vh
? Какие рассуждения вы использовали?
Но в целом я думаю, что ваши настройки размера шрифта — это то, что нужно в типографском мире. Просто вы также должны включить/включить в это выражение какую-то ширину контента/сетку контента и семейство шрифтов. Если мы посмотрим на таблицу ширины текстового блока типографов, она должна стать _золотым стандартом_ установки читаемого размера шрифта на основе ширины текстового блока и используемого шрифта. Размер области просмотра может даже быть устаревшим, если его содержимое не использует 100% своей ширины.
В обычной _библии типографа_ (Элементы типографского стиля — _Роберт Брингхерст_) есть эта таблица со значениями ширины/размера шрифта/количества символов.
Если мне нужно создать веб-сайт для удобочитаемости, я стараюсь использовать базовые размеры в соответствии с размером сетки/текстового блока и этой таблицей или, по крайней мере, приблизиться к ней.
Самый полезный комментарий
@nhoizey Это очень интересный способ определения размера шрифта. Поздравляю. Но не могли бы вы уточнить, как вы получили это конкретное значение
.8em+.3vw+.3vh
? Какие рассуждения вы использовали?Но в целом я думаю, что ваши настройки размера шрифта — это то, что нужно в типографском мире. Просто вы также должны включить/включить в это выражение какую-то ширину контента/сетку контента и семейство шрифтов. Если мы посмотрим на таблицу ширины текстового блока типографов, она должна стать _золотым стандартом_ установки читаемого размера шрифта на основе ширины текстового блока и используемого шрифта. Размер области просмотра может даже быть устаревшим, если его содержимое не использует 100% своей ширины.
В обычной _библии типографа_ (Элементы типографского стиля — _Роберт Брингхерст_) есть эта таблица со значениями ширины/размера шрифта/количества символов.
Если мне нужно создать веб-сайт для удобочитаемости, я стараюсь использовать базовые размеры в соответствии с размером сетки/текстового блока и этой таблицей или, по крайней мере, приблизиться к ней.