По поводу шрифтов в чате.

13.09.2014

Хотелось бы поэкспериментировать с экзотическими и непопулярными шрифтами.
Конкретно чтобы пользователи могли выбрать какой нить замысловатый шрифт.
Чем это черевато? Давно не страдал подобной ерундой. Помню года 4,5 назад это приводило к тому, что выводились то ли кракозябры, то ли квадраты.
Но времена меняются может браузеры поумнели или смена кодировки как то повлияла, Выведется ли какой то стандартный шрифт если компьютер или браузер не распознают тот что установлен?
Есть ли возможность что то дописать в стандартные настройки, чтобы подстраховаться от ошибок?
Насколько я знаю при верстке статичной странички должен помогать подобный код в стилях.
body {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
Но чат не статичен. Можно ли там что то сделать?
Интересует Именно выбор пользователем шрифтов для ника и сообщений.

13.09.2014

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

13.09.2014

**********

13.09.2014

По умолчанию ты сам где то прописывал? или браузер выводил?
собственно ключевое это, нужно что то мудрить дополнительно?

13.09.2014

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

13.09.2014

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

13.09.2014

TheDark, Корректно, там к каждому шрифту подобраны наиболее близкие стандартные

13.09.2014

Шрифт загружается с сервиса, поэтому не имеет особого значения установлен ли. По опыту могу сказать, что редко, но встречаются некорректности в отрисовке. Сталкивался с тем, что шрифт, загруженный с гуглофонта (exo2), в хроме (версию не помню уже) на некоторых размерах "плясал" - т.е. одни буквы были выше других. Если есть возможность убедить дизайнера, лучше использовать какое-то из "стандартных" семейств.

14.09.2014

В том же хроме натыкался на баг при шрифте, подключенном с гуглошрифта: вкладка долго не открывалась, но активность в ней происходит. через несколько часов я возвращаюсь в неё, а там вместо шрифтов - пустота. отрисовываются заново только при проведении курсором или другой активности DOM. было примерно в версии 30 хрома, сейчас мб уже пофиксили.

когда подключаете шрифт с гугла, там отображается индикатор загруженности. смотрите, чтоб он не превышал зелёную границу. например, я часто пользуюсь шрифтом [url=http://www.google.com/fonts#QuickUsePlace:quickUse/Family 😯 pen+Sans:800,400]Open Sans[/url]. Обычно подключаю ширину шрифта 300 и 700, правда, потом приходится всем эл-там переназначать font-weight, так что вам же будет проще использовать 400 и 800 (normal и bold). все курсивы с сайта убираю, никогда не видел в них необходимости. из языков подключаю только основной язык сайта без extended. если основной русский, то подключаю иногда ещё английский. от случая зависит.

upd: кстати, со шрифтом exo 2 я тоже боролся. пришлось подключить его со своего сайта во всех форматах, а не с гуглошрифта. нагрузка здорово увеличилась.

14.09.2014

Хром вообще начал разочаровывать потиху, новый монополист.

14.09.2014

Для экономии можно подключать только отдельные символы (**********). При желании можно сжать данные со 100кб до 10-15. Только для чата этот вариант может не прокатить, т.к. люди часто пользуются спецсимволами. В виду отсутствия нужного шрифта, они будут отображаться стандартным serif'ом (или любой другой заданной заменой).


Для детальной замены можно отлавливать каждый font в выводе сообщений и прописывать альтернативы...
font[face="нестандартный шрифт"] {
font-family: "нестандартный шрифт", замена1, замена2;
}
Но много шрифтов - медленный чат. Кстати, в firefox'е ещё и line-height будет дергаться при прокрутке чата (испытано на Open Sans).

15.09.2014

Как вариант, можно подключать к странице 1 шрифт с гуглошрифта и каждому дать возможность выбрать тот шрифт, который он хочет для отображения всего чата. Не индивидуальный шрифт у каждого, а индивидуальный шрифт для каждого. Весь текст будет отображаться выбранным шрифтом. Индивидуальность надо выражать не шрифтом, а удобство в праве выбирать себе каждый.

16.09.2014

Foggy, Не всем это удобно. разный шрифт и цвет, различать проще. сразу видно кто пишет, что то вроде одежды человека.
Хотя однообразный шрифт или одежда выглядит солиднее. Как солдаты в строю. Может кому то действительно такой вариант будет ближе.
Но это все лирика. А как можно реализовать это? Желательно все таки, чтобы не по умолчанию. а на выбор, так как не всем такой вариант придется по вкусу.

17.09.2014

Не просто солиднее. Так удобнее читать, а то от ряби в глазах хочется скорее выйти из чата.
У меня реализован такой алгоритм: в настройках есть чек-бокс "Цвет сообщений". Если он отмечен, пользователю показываются сообщения теми цветами и размерами, которые другие пользователи выставили. Если не отмечен - все сообщения выводятся тем цветом, гарнитурой и размером, который выбрал этот пользователь. Индивидуальными остаются только цвета ника - этого достаточно, чтоб визуально различать написавших сообщение. ИМХО, конечно.
Скрипт выдирать и выкладывать не буду, так как заниматься поддержкой и установкой в других чатах интереса нет. Написал сообщение просто для того, чтоб сказать, что это возможно.