Нет сглаживания в хроме с шрифтом (в некоторых местах)

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

Итак, дело в том, что я использую шрифт через @font-face (сгенерированный через fontsquirell). Шрифт используется в заголовках и в главном меню, которое довольно велико, а Arial используется для текста.

Проблема в том, что в Chrome и IE (не в Fx или Opera) текст в меню выглядит некрасиво, не плавно. В остальном страница работает как положено, только в меню такое происходит. Но когда я навожу ссылку в меню, она трансформируется в красивый текст (вероятно, происходит какая-то перекомпоновка или что-то в этом роде).

У меня есть два файла (это важно в данном случае): screen_typography.css screen_layout.css

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

На момент написания я вижу, что это происходит только в Mac OSX, а не в Windows (не проверял это в Linux).

Кто-нибудь знает, почему это происходит?


person tbleckert    schedule 26.04.2011    source источник


Ответы (2)


У меня была аналогичная проблема в IE — я обнаружил, что установка position:relative в тексте исправила ее. Хотя не знаю почему!

person Rich Bradshaw    schedule 26.04.2011
comment
Спасибо за совет! Я этого не делал, но нашел решение! :D - person tbleckert; 27.04.2011
comment
Каково было решение? Вы можете ответить на свой вопрос и принять ответ, если считаете, что он поможет другим людям. - person Rich Bradshaw; 27.04.2011
comment
Да мужик. Просто нужно подождать до завтра :) Может быть, кто-то предложит лучшее решение :) - person tbleckert; 27.04.2011

Я заставил это работать, установив для родителя навигации абсолютное положение и саму навигацию. Затем я присвоил навигации значение z-index, равное -1, чтобы спрятаться за родителем, но при этом оставаться интерактивным, поскольку у родителя нет фона. Таким образом, родитель действует как щит, чтобы защитить своего ребенка от испачкаться :D

person tbleckert    schedule 27.04.2011