шрифты в мак ос

[Zverushka]

http://zverushka.zz.mu/med/ заголовки основного меню отображаются в винде нормально,

но на мак осе выглядят жирными. Как будто не тот шрифт, да и вертикально они выше. В чем может быть причина?

Какой тип шрифтов в первую очередь грузится в этой системе или ее браузерах?

Кстати такое кажется только в mountain lion системе мака, просто лион версия в сафари 6й версии отображает хоть и вертикально криво, но не таким толстым.

Edited October 16, 2013 by Zverushka

[SelenIT]

Вот так на безретиновом айпаде в iOS6:

Объяснения у меня пока нет. Шрифт всё-таки явно тот же, но хинтинг другой (или его нет). Припоминаю, что пару лет назад тоже сталкивался со странностями вертикального позиционирования в Mac/iOS.

Этот фикс не поможет?

[klierik]

MacOS 10.6.8, Chrome latest: http://screencast.com/t/BaApefNd

PS: Помимо семейства ОС, для выяснения причин проблемы, хорошо бы знать её версию, браузер и его версию соответственно.

[Zverushka]

Большое спасибо за помощь и подсказки.

Вроде стало нормально после "фикса"?

Только что делать с высотой линии? Меня коробит, что на всех мобильниках по сути криво выглядит.

Получается эту заглушку нужно в каждую свою верстку вставлять, хуже не будет? А то такой непредсказуемый результат вышел... Хотелось бы избежать этого в дальнейшем.

Edited October 17, 2013 by Zverushka

[klierik]

не понял.. это были рассуждения или вопрос? )

[Zverushka]

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

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

[klierik]

для вертикального выравнивания следует задать lh: такой же как высота родителя.

еще можно добавить di:b, на всякий случай, ссылке

[SelenIT]

Похоже, line-height в винде центрирует прописные, в маке — строчные. А в этом меню еще центр ul визуально поднят относительно видимой середины голубой полосы (ul высотой 40 прибит к верхнему краю nav-a высотой 44 и наезжает на верхнюю серую полоску).

Может, раз уж элементы списка инлайн-блочные, лучше задать line-height: 44px самому ul, а li-шкам — line-height: 1 и vertical-align: middle, а height убрать?

[Zverushka]

УЛ немного поднят как в макете, чтобы была 100% схожесть с макетом (в винде выглядит центрировано). Сегодня опробую ваши советы и сообщу результат.

[Zverushka]

По ходу никак. Делала правки - не помогло.

http://stackoverflow...t-glyphs-in-box

Вот пост на эту тему.

Сделала высоту линии 1 без отступов, так в вебките в симуляторе у самого края верха, а в мозилле на 5 пикселей ниже. (

Они по идее подгружаемые - их нельзя как-то в генераторе подредактировать, подправить высоту кегеля или в таком духе?

Edited October 18, 2013 by Zverushka

[SelenIT]

Кстати, да, метрики же для Win и Mac разные. Сталкивался с ними в самодельном иконочном шрифте. Теоретически, можно попробовать пересохранить ttf тем же FontForge-м, слегка «подкрутив» метрики, и попробовать перегенерить весь набор заново. Приличные шансы, что поможет.