tgram icon indicating copy to clipboard operation
tgram copied to clipboard

Шрифт в статьях

Open muhomorfus opened this issue 6 years ago • 16 comments

По моему мнению, в статьях было бы очень круто использовать шрифт Roboto Slab. Возможно это вкусовщина, но мне кажется, что этот шрифт более читабельный с экранов. С Roboto Slab это будет выглядеть так: screenshot_20180816_222137

muhomorfus avatar Aug 16 '18 19:08 muhomorfus

Тут скорее таск про то что шрифты долго грузятся и думаю о системных https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/

recoilme avatar Aug 16 '18 21:08 recoilme

Тэкс что получится если свалить на систем шрифты: Основной шрифт:

font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Roboto”, “Oxygen”, “Ubuntu”, “Cantarell”, “Fira Sans”, “Droid Sans”, “Helvetica Neue”, sans-serif;

Меню и навигациии заголовок статьи (я не нашел ничего долее подходящего, в системе готового, это нормальная будет пара к винигрету системных шрифтов??):

font-family: 'Georgia', serif;

Первый параграф, который лид - может вообще не надо ничего делать? Другие варианты font-family: 'Georgia', serif; Или как то разрядить немножко межбуквенный интервал обычного шрифта, лайтовенько?

И меню top mid btm new

  • заменить на unicode символы ∧ ≡ ∨ +

Как тебе такое Илон Маск? @hiidoshick

recoilme avatar Aug 17 '18 06:08 recoilme

Как есть (паратайповские) screen shot 2018-08-17 at 10 16 51

recoilme avatar Aug 17 '18 07:08 recoilme

Меню и заголовки и 1 параграф джорджия, текст статьи - системный (Helvetica Neue на маке) screen shot 2018-08-17 at 10 28 13

screen shot 2018-08-17 at 10 29 38

recoilme avatar Aug 17 '18 07:08 recoilme

Наоборот, все ситемным , кроме текста статей и коментов - он джордией screen shot 2018-08-17 at 10 38 25 screen shot 2018-08-17 at 10 39 36

recoilme avatar Aug 17 '18 07:08 recoilme

склоняюсь к джорджия для всех меню - системные шрифты для тела статей

Вроде красиво screen shot 2018-08-17 at 11 48 48

screen shot 2018-08-17 at 11 52 18

recoilme avatar Aug 17 '18 08:08 recoilme

Мне кажется это бесконечная история. Пусть пока будет так screen shot 2018-08-17 at 12 32 49

recoilme avatar Aug 17 '18 09:08 recoilme

Тяжело читается. Поставил все ситемным , кроме текста статей и коментов - он - джордией

recoilme avatar Aug 17 '18 13:08 recoilme

Простите за долгий игнор, но я весь день не имел доступа к гитхабу((( Насчёт долгой загрузки, я провел своё мини-исследование: сравнивал скорость загрузки одинаковых страниц с огромным количеством символов (~500000 символов). Сравнивал системный шрифт Georgia и Roboto Slab. В итоге потеря в скорости загрузки составила чуть больше 5%, при этом шрифт Roboto Slab находился не на компьютере, а импортировался с гугловского сервера. При плохой скорости интернета у хостинг-провайдера (что было бы странно) потеря может быть больше, но если хранить шрифт локально на сервере, то скорее всего потеря будет меньше (но это неточно). Так что мне кажется, что особого ущерба скорости использование стороннего шрифта не нанесёт, но может здорово улучшить внешний вид сайта и читаемость текста.

muhomorfus avatar Aug 17 '18 17:08 muhomorfus

Насчёт использования значков вместо надписей - значки как по мне понятнее и лучше выглядят.

muhomorfus avatar Aug 17 '18 17:08 muhomorfus

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

muhomorfus avatar Aug 17 '18 17:08 muhomorfus

Мне такой вариант нравится screenshot_20180817_205513

muhomorfus avatar Aug 17 '18 17:08 muhomorfus

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

muhomorfus avatar Aug 17 '18 17:08 muhomorfus

кстати, отступы сбоку у кнопки нужно побольше сделать вот так screenshot_20180817_205916

muhomorfus avatar Aug 17 '18 17:08 muhomorfus

Привет! Не о чем извиняться, все должно быть в удовольствие по мере наличия времени

Смотрел моноширинки, но немного в другом контексте, пробовал меню ими сделать - очень много площади сжирают по ширине. Насчет ввода моноширинным - интересная идея а как это сделать? Это можно через css? там техтареа js редактора меняет на див - нетривиально мб это все

по скорости - понимаю что заморочка - на скачивание 900 мс уходит с учетом 4 или 5 шрифтов что раньше были( 400, 700 капшен регуляр) один наверно мс 300 сожрет и первый раз только. Пока хочется попробовать остаться на джорджии она вроде как стоит на всех ос и один из лучших шрифтов по читаемости даже на фиговых разрешениях.

Думаю позже вернуться еще раз к шрифтам, но пока - нравится что получилось.

recoilme avatar Aug 17 '18 18:08 recoilme

Я бы попробовал создать родительский div к textarea вот так: <div style="font-family: 'Ubuntu Mono'"> <textarea></textarea> </div>

muhomorfus avatar Aug 17 '18 18:08 muhomorfus