Верстка и проблема со шрифтами под Mac OS

[Вадим]

Привет, Друзья!

В общем озадачил меня мой дизайнер. Он часто смотрит сайты Лебедева на MacOS и заметил, что на его сайтах шрифты всегда смотрятся отлично. Есть все сглаживания как в фотошопе, в общем шрифты смотрятся просто супер!

А на наших сайтах, которые мы верстаем, говорит что на платформе MacOS они смотрятся убого, что есть какая-то странная полужирность, что не всегда есть сглаживания и вообще не так, как на сайтах Лебедева... Вроде я немного знаю css, смотрел и css на сайтах лебедева.. никакой разницы не заметид.. лишь может быть только это:

font-style:normal;
font-variant:normal;
font-weight:normal;

Вставляю на свой сайт. Никаких изменений. Кто что знает о верстке под Mac OS?

[mishka]

Я пргосто так понял что клиент какраз таки хочет чтобы было с тенью. Но на тех сайтах что делает ТС нет тени даже на маке.

ТС, если я неправ то поправь.

[rash]

text-shadow

А вам самому помогало?

НО должен быть способ её убрать. Например text-shadow: #000 0 0 0; ?

Зачем? Если в системе включено сглаживание, то оно должно на сайтах работать так же.

Вопрос к топикстартеру: у вас какой шрифт и какой цвет фона и текста в проблемных местах?

[Justnewone]

А вам самому помогало?

Да, помогало. Текст становился обыкновенным. Со временем это стало пониматься так же и оперой, но на тот момент Сафари стал показывать страницы адекватно и нужна прошла. А тогда даже лечилась проблема, когда Сафари (раньше) имел размер em отличный от всех остальных, полагаю как раз на толщину этой самой тени.

[rash]

Да, помогало. Текст становился обыкновенным. Со временем это стало пониматься так же и оперой, но на тот момент Сафари стал показывать страницы адекватно и нужна прошла. А тогда даже лечилась проблема, когда Сафари (раньше) имел размер em отличный от всех остальных, полагаю как раз на толщину этой самой тени.

Это было и в виндовом сафари (третьем)? Странно, что не замечал… text-shadow мне не помогал не очень давно от излишней жирности избавиться. Заметил, что более жирным выглядит светлый текст на темном фоне, а темный на светлом — нормально.

[Great Rash]

У меня вот друга проблема возникла. Делаю страничку так сглаживания вообще нет ни в Мозилле 3.0. ни в Хроме... только в ИЕ7 шрифт сглаживается...

стиль такой:

h1 {
	font: normal 26px "Trebuchet MS", Tahoma, Arial, sans-serif;
	color: #000;
}

сперва думал, что из-за "Trebuchet MS", но тахому Мозилла с Хромом сглаживать тоже отказались. Что за ботва?

[Justnewone]

Это было и в виндовом сафари (третьем)? Странно, что не замечал… text-shadow мне не помогал не очень давно от излишней жирности избавиться. Заметил, что более жирным выглядит светлый текст на темном фоне, а темный на светлом — нормально.

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

[psywalker]

Да, помогало. Текст становился обыкновенным. Со временем это стало пониматься так же и оперой, но на тот момент Сафари стал показывать страницы адекватно и нужна прошла. А тогда даже лечилась проблема, когда Сафари (раньше) имел размер em отличный от всех остальных, полагаю как раз на толщину этой самой тени.

Я вчера тестил, мне тоже помогло, шрифты стали одинаково смотреться в Сафари и в остальных, исчезла тень толстая в Сафари после text-shadow: #000 0 0 0;, спасибо дружище за идею, записал в блокнотик

[Вадим]

Ребят, а киньте сюда скрин сайта лебедева.

Вот так выглядит сайт на Маке.

А вот так проблемный сайт, над которым работаем. Здесь на маке меню имеет странную жирность...

Edited November 26, 2009 by Вадим

[rash]

Я замечал, что странную жирность на маке миеет светлый текст на темном фоне. Побороть не смог, но если изменить цвета на черный и белый — жирность уменьшается.

[Вадим]

Я замечал, что странную жирность на маке миеет светлый текст на темном фоне. Побороть не смог, но если изменить цвета на черный и белый — жирность уменьшается.

Вариант psywalker почти решат проблему... (text-shadow: #000 0 0 0;)

[rash]

Ну хорошо, мне это не помогало, уж и не знаю, почему. Если помогает — замечательно.

[Вадим]

Вот пример, о котором говорил в самом начале.

Это сайт гослото, а это наш сайт.

Разница очевидная. Хотя на WIN платформе все замечательно.

Вот вам и МАК. Конечно, можно сказать, что пох, у кого Мак - тот только сафари и пользуется.

Но ведь почему-то у гослото все ок, а у нас нет.

Кому ещё сайты так протестировать? Обращайтесь.. много нового узнаете.

Я просто никогда не думал, что такое настоящая верстка - вот она.

[EDark]

извините что поднимаю древнюю тему, просто тут тоже озадачился версткой

у меня оказалось из-за браузера

firefox 4 делает жирнее и ужаснее но этот глюк замечен в win7 в макоси все нормально, хотя может раз на раз не приходится

тут решение проблем

http://www.mydigitallife.info/2011/03/10/fix-firefox-4-fade-blur-bold-bad-and-ugly-font-rendering/

но главное не юзать 4ую лису)) пока))

в 3.6 все замечательно

по теме так в макоси никогда не было проблем с красотой) там всегда все шично)

проблема может быть в браузере

[swetlana]

EDark, вот вы отрицаете наличие проблемы с отображением зажатых в тесные рамки текстов в маке.

А не боитесь, что здесь могут оказаться пользователи маков, которые вам не поверят?

Проблема есть.

Да, в отдельных случаях с некоторыми шрифтами в Windows 7 она тоже есть — с этим соглашусь. Но природа этой проблемы в маке и вин7 одинакова.

Да, ФФ4 несколько странно работает со шрифтами. Это замечено неоднократно. Иногда он даже путает шрифты — ставит с засечками там, где велено тахому ставить. Такое тоже замечено.

Но вот только пользователям объявлено, что ФФ4 вышел. Переход начался. Мы ж не будем по домам ходить, удаляя с компов ФФ4 или правя в нём настройки, не так ли?

А решение всех этих проблем одним махом крайне простое: не зажимать текст в узкие рамки, оставлять ему свободу.

И все дела.

[psywalker]

А решение всех этих проблем одним махом крайне простое: не зажимать текст в узкие рамки, оставлять ему свободу.

И все дела.

У меня был случай, когда по дизайну всё было впритык, т.е. свободы не было ни на грамм, и в Маке всё перескакивало на другую строку, что было запрещено по дизайну. Это были заголовки.

[EDark]

swetlana, у меня мак на виртуалке стоит я на нем тоже проверяю. Насчет зажатости не знаю, у меня все нормально, как раз нужно было 6 колонок 3 под картинки и 3 под текст. получается где то по 180px на текст - полет нормальный. Единственное отличие из-за сглаженности текст чуть мельче на маке. Всё отличие только в шрифтах будет на разных системах, я тестирую на всех трех известных. Поэтому юзаю Arial и до ФФ4 юзал fons-size em, теперь приходится один проект на px доделывать. У заказчика как раз Мак и ФФ =).

Кстати переход то начался, но он глючный, я думаю скоро исправят. Ибо у меня на некоторых сайтах где используется em - шрифт стал ужасный, жирный. Это под Win и ФФ4. И это версткой никак не исправить, это лечится правкой конфигов ФФ4.

а чтобы с текстом было проблем меньше то обязательно надо указывать line-height

psywalker, неужто это сам глава всего сайта?))

Спасибо за сайт, всегда под рукой, освежить память.

[psywalker]

EDark

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

psywalker09@gmail.com

[swetlana]

У меня был случай, когда по дизайну всё было впритык, т.е. свободы не было ни на грамм, и в Маке всё перескакивало на другую строку, что было запрещено по дизайну. Это были заголовки.

Такие случаи не редкость. Эта проблема известна.

Решается только беседой с заказчиком.

Технические же решения только кривые и непозволительные существуют вроде заголовков картинкой.