Skip to content
This repository has been archived by the owner on Nov 15, 2021. It is now read-only.

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

Open
muhomorfus opened this issue Aug 16, 2018 · 16 comments
Open

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

muhomorfus opened this issue Aug 16, 2018 · 16 comments

Comments

@muhomorfus
Copy link
Contributor

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

@recoilme
Copy link
Owner

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

@recoilme
Copy link
Owner

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

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
Copy link
Owner

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

@recoilme
Copy link
Owner

recoilme commented Aug 17, 2018

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

screen shot 2018-08-17 at 10 29 38

@recoilme
Copy link
Owner

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

@recoilme
Copy link
Owner

recoilme commented Aug 17, 2018

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

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

screen shot 2018-08-17 at 11 52 18

@recoilme
Copy link
Owner

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

@recoilme recoilme reopened this Aug 17, 2018
@recoilme
Copy link
Owner

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

@muhomorfus
Copy link
Contributor Author

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

@muhomorfus
Copy link
Contributor Author

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

@muhomorfus
Copy link
Contributor Author

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

@muhomorfus
Copy link
Contributor Author

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

@muhomorfus
Copy link
Contributor Author

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

@muhomorfus
Copy link
Contributor Author

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

@recoilme
Copy link
Owner

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

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

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

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

@muhomorfus
Copy link
Contributor Author

muhomorfus commented Aug 17, 2018

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

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants