Нужна помощь с выбором шрифтов.

Заморочился с подбором шрифта — ну, с кем не бывает, скажете вы.
И вот будете неправы.

Заморочка не о том, чтобы сделать красиво или альтернативно,
а удобно для посетителей сайтов.

Шрифтов существует много и у каждого из них можно найти свои минусы,
а потому очень важно получить взвешенное мнение взрослых и опытных читателей и пейсателей.

Прошу вас оценить 4 параграфа и выбрать тот, который легче читается,
при этом текст я специально подобрал такой, чтобы он "легко" не читался.

Текст по ссылке: semantic.moscow/fonts

спасибо за ваше мнение.

Я выбрал 2. КМК из 4-х он самый удобочитаемый

я потом расскажу про сами варианты, если конечно будет интересно — опрос с подвохом на самом деле,
но результаты его будут учтены обязательно.

Второй вариант, только увеличить нужно межстрочный интервал. Сделать его 120-140% от размера самого кегеля шрифта. Текст станет легче и более читабельный, облегчит его объем

я сознательно не выставлял никаких размеров касаемо шрифта,
кроме указания насыщенности (толщины) шрифта, указав значение близкое к середине
и размера шрифта (на 20% больше "стандартного")

так что всё зависит от браузера и его настроек.

Это сообщение отредактировал Aberrant - 13.09.2024 - 21:46

есть ГОСТовский шрифт, сердитый, красивый и хуй доебешься, особенно в госзаказах
https://pojproject-spb.ru/?dl_id=26

Там указаны системные шрифты, которые зависят от ОС и даже ее версии. В частности у меня первые два San Francisco и т.п.

Второй лучше, потому что туда подставляется оптимальный для ОС (Helvetica/Arial/Droid Sans/и подобные) в которой пользователь, в отличие от первого, который исторически не подходит ни для интерфейса ни для чего.

А если серьезно, то именно для чтения предназначено семейство serif, но не TNR как в виндовых системах - он ужасен, а нормальные.

Это сообщение отредактировал palelle - 13.09.2024 - 21:54

кто тебя умника такого за язык тянет?
мне нужно было мнение без понимания того какие именно шрифты указаны и откуда они взяты.

это шрифт для чертежей.
для чтения он вообще не годится.

фтопку!

всё ещё актуально.
нужны отзывы.

сложно сказать, по мне номер нравится

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

можно конечно добавить "cursive" какой-нибудь для контраста,
но боюсь, что начнётся "протестное голосование"

Понравился вариант "4".

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

А сюда за три тыщи комментов так и не научился картинки вставлять?

в данном случае картинки не прокатят

Второй мягче всех и приятней читается. И в чём подвох? Один шрифт?

нет, не один.
наборот - их больше, чем я не поленился бы указать.

выше уже ответили.

да и я могу уже наверное дать комментарий - на выборку мнений это скорее всего мало повлияет.


фишка в том, что я не указывал конкретные шрифты,
а лишь указал тип шрифта - в трёх случаях (1, 3, 4) это шрифты которые указаны в настройках твоего браузера (в двух браузерах на одном компе они могут быть разными)

т.е. в браузере у тебя прописано какой именно шрифт использовать для:

1. шрифт без засечек

3. моноширинной шрифт (обычно программисты такой используют), например Courier или какой-то *mono

4. шрифт с засечками


ну а второй вариант не зависит от браузера,
но зависит от операционный системы и настроек пользователя,
т.е. выбирается "стандартный системный шрифт"


вот и получается, что в теории все 4 параграфа могут из-за настроек выглядеть одинаково

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

при этом, ещё важный момент - я не указывал размер шрифтов в пикселях, ибо плотность пикселей разная на разных дисплеях,
а вместо этого указал +20% от стандартных настроек пользователя,
т.е. "1.2 REM"


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

а иначе бы многие написали о том, что 1 и 2 параграфы выглядят одинаково.


для себя вывод сделал - хватит играться в шрифтами
и заставлять браузеры пользователей качать тяжёлые шрифты с CDN-гугла и пр.,
а вместо этого просто указывать "SYSTEM-UI" и пользователь получит шрифт к которому он привык в своей операционной системе (а если он его не сменил, значит его всё устраивает)

Это сообщение отредактировал Aberrant - 14.09.2024 - 20:32

не нравится ни один, подумала надо в распечатанном виде посмотреть, или это не будет печататься?
на 2 - который выбрали большинство, у меня "катаются глаза", не знаю как это объяснить, выхватывают из текста круглые и симметричные буквы, взгляд как бы прыгает по строчкам, читать не хочется
сумбурно, ТС умный - поймет
ищи-пиши есчо

ну вот как раз для таких случаев и придумали засечки.

подбирайте себе шрифты "serif" (не sans!)
** и возможно имеет смысл увеличить базовый размер шрифта в операционной системе

*но засечки далеко не всем нравятся

а в 4 параграфе у вас шрифт с засечками?

может это просто настройки браузера так испорчены или в системе с шрифтами что-то нафигачили...

Aberrant интересноый эксперимент получился.
А где в браузере прописать "SYSTEM-UI"?

нигде.
в том то и дело,
браузер в этом случае вообще не участвует в выборе шрифта - за это отвечает именно ОС

в винде это скорее всего будет Segoe UI,
в андрейке это ROBOTO,
в линуксах NOTO или Liberation,
на Mac OS X вероятно будет Lucida Grande

а вот если указано serif, sans-serif, monospace, cursive - то выбор сделает именно браузер

Это сообщение отредактировал Aberrant - 14.09.2024 - 22:12

++
для смены system-ui
нужно спросить у яндекса: "Как поменять системный шрифт в Windows 10?" (windows 10 можно заменить на Mac OS X, Android, Ubuntu...)

Aberrant

а где тогда в браузере отключить это, чтоб нагрузку снизить?
Или, если всё устраивает по умолчанию, то и делать ничего не надо?
А это для тех, кто до этого баловался?