Добавлено несколько шрифтовых стилей. Какой лучше?

[mazzy]

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

Какой стиль вам больше нравится?

Если есть предложения по шрифтам - welcome.

[gl00mie]

Цитата:

Сообщение от mazzy

создал несколько шрифтовых стилей.

Здорово!

Цитата:

Отличия только в шрифтах. Отличия проявятся только в том случае, если у вас установлены соответствующие шрифты. Если есть предложения по шрифтам - welcome.

Во-первых, предложение: добавить в список Trebuchet MS Во-вторых, что касается стиля Vista: с одной стороны, отнюдь не все ставят себе эту версию виндов, а с другой, кому-то мог приглянуться шрифт Segoe UI. Так вот, на softpedia можно обнаружить халявную версию этого шрифта с самыми разнообразными начертаниями (или как это правильно называется), да еще и в разных форматах: обычный Segoe, Black, Bold, Italic, Condensed, Light, Semibold, Black Italic, Bold Italic, Condensed Italic, Light Italic, Semibold Italic - и все это в TrueType и PostScript. НО называется он просто Segoe - без "UI"... Так вот, было бы неплохо в стиль Vista кроме 'Segoe UI' добавить и этот "просто Segoe".

[mazzy]

Цитата:

Сообщение от gl00mie

Здорово! Во-первых, предложение: добавить в список Trebuchet MS

Добавил.

Скорее всего, надо делать более интеллектуальные стили.
Сейчас я заменяю все шрифты. А в исходном стиле есть четыре набора шрифтов:
1. основной текст
2. мелкий текст
3. текст на кнопках
4. меню

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

[gl00mie]

Цитата:

Сообщение от mazzy

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

Да уж, к Segoe это относится в полной мере, особенно если сравнить с тем же Trebuchet MS Почему-то особенно коряво смотрятся символы латиницы...

[mazzy]

удалены все стили, кроме Tahoma
См. также: Для главной страницы создан специальный стиль PDA

[gl00mie]

Хотелось бы возобновить эту тему...
Я тут не так давно наткнулся на одну очень интересную статью про новые шрифты, появившиеся в Vista для использования в веб-страничках (ну или еще где) и оптимизированные для просмотра на LCD-мониторах с включенным ClearType: Cambria, Calibri, Candara, Consolas, Constantia и Corbel. Там же приводится демонстрационный файл, в котором наглядно представлено сравнение этих шрифтов с "аналогами" - Tahoma, Trebuchet MS, Verdana, Arial, Lucida Console, Courier New, Times New Roman...
В общем, после некоторой модификации штатного css у меня форум стал выглядеть примерно так:

Причем, из упомянутых я использовал лишь Candara для основного текста вместо Tahoma и Consolas вместо Courier New. Мне лично результат очень понравился, и, думаю, те, у кого установлены эти шрифты и включен ClearType тоже должны это оценить В связи с этим большая просьба добавить к штатному, Tahoma и PDA-стилям еще один стиль с этими шрифтами... ну или хотя бы прикинуть, как оно будет смотреться на той же Vista. На мой взгляд - куда лучше, чем с набившим оскомину Arial'ом...

PS. Без включенного ClearType шрифты совершенно неудобоваримы Но тот же MSIE7, кажется, при просмотре страниц включает его всегда.

[mazzy]

спасибо за предложение. надо попробовать.

[mazzy]

Цитата:

Сообщение от gl00mie

В связи с этим большая просьба добавить к штатному, Tahoma и PDA-стилям еще один стиль с этими шрифтами... ну или хотя бы прикинуть, как оно будет смотреться на той же Vista. На мой взгляд - куда лучше, чем с набившим оскомину Arial'ом...

Сделал.
Стиль с Candara пришлось чуть увеличить (gl00mie style 1)
Размер шрифтов с стиле с Calibri не трогал, но наверно надо было (gl00mie style 2)

Consolas - действительно классный шрифт.
Вполне можно будет вставить в основные.

ЗЫ А мне больше дефолтный вариант с Arial'ом нравится

[mazzy]

буду признателен, если вы поэкспрементируете со стилями и пришлете css

см.
Скрыть бы Полезное и AxForum...
Скрыть бы Полезное и AxForum...
настройка отображения сайта

[gl00mie]

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

• "Новые" С-шрифты из висты, когда дело касается отображения на экране, очень сильно заточены под то, как рендерятся шрифты при использовании ClearType. "Старые" же шрифты, вроде Arial, напротив, когда дело касается отображения на экране, заточены под использование более простых методов сглаживания. Без включенного ClearType "новые" шрифты совершенно неудобоваримы, "старые" же, напротив, выглядят вполне прилично что со стандартным сглаживанием, что без него вообще. При этом с включенным ClearType "новые" шрифты выглядят субъективно намного лучше "старых".
• "Новые" С-шрифты из висты очень плохо рендерятся при размере текста менее 12 пикселей в высоту (это касается случаев, когда высота в css была задана именно в пикселях, а не пунктах). При высоте от 12 пикселей они выглядят намного лучше, я бы сказал, пропорциональнее. В связи с этим перебил в css все стили, для которых укзывался размер шрифта в пикселях менее 12;
• На форуме очень много где используется класс smallfont - поставил для него высоту шрифта 13 пикселей, так текст стал выглядеть более читабельно, а шрифт - более пропорционально;
• Поменял размер шрифта для основного текста на форуме (в т.ч. текста сообщений и исходного кода на Х++) - при этом новые С-шрифты стали рендериться на удивление куда более контрастно, чем в первоначальном варианте, что существенно улучшает читабельность.
• Напоролся на то, что для вставок кода на Х++ движок форума зачем-то принудительно выставляет фиксированную ширину и высоту прямо в странице html, а не в css. И если ширина всегда одинаковая (640 пикселей), то высота по ходу рассчитывается на лету для каждой такой вставки, причем исходя из фиксированной зашитой куда-то в движок высоты шрифта, используемого для текста вставки, например
  PHP код:

  >X++:</div><div class="alt2" style="margin:0px; padding:6px; border:1px inset; width:640px; height:194px; overflow:auto"> 

  Imho это какой-то пережиток... Во-первых, на фоне распространения широкоформатных мониторов с разрешением 1650х1080 и выше искусственное ограничение блока по ширине в 640 пикселей выглядит анахронизмом (я его вырезаю нафиг Proxomitron'ом), во-вторых, зачем для каждого блока рассчитывать высоту, если можно использовать свойство max-height в css? Тогда в пределах допустимой высоты браузер уж как-нить сам рассчитает размеры исходя из содержимого блока.
• Не решил до конца, что делать с семейством классов fieldset (они, в частности, используются для теста на форме управления вложениями). При их прежней настройке font-size: 12px текст выглядит мелковато, но аккуратно...

И еще: поскольку шрифт Calibri как аналог Arial меня волновал мало, то соотв. css я сделал дублированием файла для шрифта Candara (который, в свою очередь, был изначально создан на базе стиля со шрифтом Tahoma). Результат использования такого css мне лично показался вполне удовлетвортельным - уж во всяком случае лучше, чем с используемым по умолчанию Arial'ом.
На скриншотах показаны примеры использования обсуждаемых стилей:

• стиль по умолчанию
• старый стиль с Candara
• новый стиль с Candara
• новый стиль с Calibri

[mazzy]

Цитата:

Сообщение от gl00mie

[*]"Новые" С-шрифты из висты очень плохо рендерятся при размере текста менее 12 пикселей в высоту (это касается случаев, когда высота в css была задана именно в пикселях, а не пунктах). При высоте от 12 пикселей они выглядят намного лучше, я бы сказал, пропорциональнее. В связи с этим перебил в css все стили, для которых укзывался размер шрифта в пикселях менее 12;[*]На форуме очень много где используется класс smallfont - поставил для него высоту шрифта 13 пикселей, так текст стал выглядеть более читабельно, а шрифт - более пропорционально;

изменения нашел только в smallfont
изменил.

Цитата:

Сообщение от gl00mie

[*]Поменял размер шрифта для основного текста на форуме (в т.ч. текста сообщений и исходного кода на Х++) - при этом новые С-шрифты стали рендериться на удивление куда более контрастно, чем в первоначальном варианте, что существенно улучшает читабельность.

На какой? В "gl00mie style 1" итак вроде 11pt было.

[mazzy]

Изменил стиль "gl00mie style 2" в соответствии с файлом.

[mazzy]

Цитата:

Сообщение от gl00mie

Немного поэкспериментировал...

По-моему, стоит найти какую-то комбинацию с Candara и Calibri
Для больших использовать один, а для маленьких другой.

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

[gl00mie]

Цитата:

Сообщение от mazzy

изменения нашел только в smallfont

мнэ... возможно, это я сравнивал со стандартным css - там размер шрифта менее 12 пикселей задан еще для thead, select, button, option, optgroup, navbar и других...

Цитата:

Сообщение от mazzy

На какой? В "gl00mie style 1" итак вроде 11pt было.

Кажется, на размер шрифта в цитатах влияет стиль, определенный для td, а там размер шрифта был определен в 10 пунктов. Но у меня контрастнее стал отображаться не только текст цитат
вот как было и как стало

Цитата:

Сообщение от mazzy

По-моему, стоит найти какую-то комбинацию с Candara и Calibri. Для больших использовать один, а для маленьких другой. так же как и сейчас в дефолтном стиле не все шрифты являются Ариалом

да, действительно, кое-где встречается и Tahoma, и Verdana. Вроде среди новых "С-шрифтов" есть аналог Verdana - Corbel, надо будет еще поэкспериментировать...

[mazzy]

Цитата:

Сообщение от gl00mie

Но у меня контрастнее стал отображаться не только текст цитат
вот как было

Не. Там реальная разница только в smallfont.
Разница в цитатах - артефакты скриншочения с ClearType, по-моему.

Цитата:

Сообщение от gl00mie

Вроде среди новых "С-шрифтов" есть аналог Verdana - Corbel, надо будет еще поэкспериментировать...

Да, было бы неплохо.
вроде получается симпатишно.

[Lucky13]

А почему шрифт на главной странице такой мелкий стал?
Это только у меня или у всех?

[gl00mie]

Цитата:

Сообщение от mazzy

Разница в цитатах - артефакты скриншочения с ClearType, по-моему.

Оказалось, это не артефакты скриншочения. Дело в том, что сравниваемые мной скриншоты делались на разных компах - рабочем и домашнем. Винды там одинаковые с точностью до сервис-пака, но на рабочем стоит более старая версия оперы - 9.24 (дома - 9.61). Сейчас проверил еще раз - на работе шрифты с включенным ClearType получаются гораздо менее контрастными, чем дома, причем не только в более старой опере, но и в MSIE7
Вот как дома в Opera 9.61 Вот - на работе в Opera 9.24 а вот на работе в MSIE7

Цитата:

Сообщение от mazzy

Да, было бы неплохо. вроде получается симпатишно.

Поменял в тех стилях, где по умолчанию стоит Tahoma и Verdana, шрифт на Corbel - получилось веселей, чем если использовать везде только Candara или только Calibri. Corbel для мелких текстов выглядит более контрастно (не так размыто), заглавные буквы больше... в общем вот (скриншоты могут выглядеть менее контрастно, чем получится на том или ином компе, - см.выше):

[gl00mie]

Файлик-то вложить и забыл...

[Aleksey_M]

gl00mie

Цитата:

Imho это какой-то пережиток..

Спасибо за напоминание, попробую еще раз с этим что-нить сделать.
За исходник для шаблона был взят стандартный шаблон для php кода, было желание переделать, да натыкался на грабли ie, все расползалось нафик , пришлось оставить как есть.
Ограничение по ширине и пришлось оставить только из-за ie, оно ширину блока кода почему-то делало размером с ячейку поста, ну оно все и распирало вправо.

Цитата:

если можно использовать свойство max-height в css?

В нормальных броузерах да, в ie же max-height нужно эмулировать.

[mazzy]

Цитата:

Сообщение от Aleksey_M

В нормальных броузерах да, в ie же max-height нужно эмулировать.

Но только без java-скриптов
Форум и так перегружен джавой...