Шрифты

Добрый день!

Сейчас будет критика, конструктивная. Воспринимайте её как толчок к развитию, а не как вылитый негатив с больной головы на здоровую.

Посмотрите пожалуйста код CSS в ракурсе шрифтов на корректность его применения в зависимости от вида операционной системы и её шрифтов.

Windows 11, FullHD, шрифты на сайте размытые + слабый контраст светлой схемы, которую, как я смотрю, вы совсем не хотите исправлять, приводит глаза к излишнему перенапряжению и в конце рабочего дня они просто «вытекают» глядя на «вот это вот всё» (рекомендация переключится на тёмную тему вызывает лишь «рукалицо»). Терпел я это безобразие, пока всё же не нашёл время разобраться в этой ситуации. Дальше будут стоиться предположения из того, что я смог увидеть. Нашёл я строчку кода в CSS, в которой описано семейство шрифтов, а именно: body {... font-family: SFUI, sans-serif, Arial;...}. В моей ОС (windows 11) нет шрифта SFUI и, по идее, должны были применятся следующие определения, но нет. Ради эксперимента я удалил «SFUI» и — о, чудо! шрифты стали на сайте просто pixel perfect. После этого я решил разузнать, а что это за такое — SFUI, и оказалось, что это шрифт для операционной системы от Apple и тут я понял (дальше идут лишь догадки), что программисты, видимо, там сидят все за ПК и ноутбуками от Apple с превосходными Retina экранами и в душе не представляют, как их шрифтовое безобразие смотрится на FullHD, или тестировщик, который сидит за 4К экраном, возможно даже под windows, тоже в корне не понимает, что за проблема у вас сударь — шрифты же ТОП. Так вот, стал я прописывать и другие шрифты, имеющиеся в системе чтобы убедится в правильной догадке, а не просто совпадении. Прописывал Arial, Tahoma, Segoe UI, Verdana и все, все они смотрелись чудесно, без всякого размытия. Наиболее близкий по разрядке букв оказался — Verdana, этот шрифт и оставил. Ребят, глаза просто в щенячьем восторге.

Не знаю поможет вам это или нет, но мне при редактировании семейства шрифтов даже предложение выскочило: body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;} и я даже попробовал этот код на работоспособность и всё чудесно.

Нет у вас тут возможности прикреплять файлы, поэтому не уверен, что картинки в PNG при размещении в этой форме не переужимаются в JPG и предпросмотра тоже нет поста перед публикацией, чтобы убедится, что всё так как задумывалось.

Вот так изначально:

Вот так Verdana (к примеру):

П. С. Хотел ещё выкатить тут предложения по улучшению контраста с картинками (так сказать передать привет «девочке дизайнеру»), но оставим это на другую публикацию, когда руки дойдут.