Проект, над которым я работаю, является секретным, поэтому я не могу вам его показать, но я сделаю все возможное, чтобы объяснить его.
Итак, дело в том, что я использую шрифт через @font-face (сгенерированный через fontsquirell). Шрифт используется в заголовках и в главном меню, которое довольно велико, а Arial используется для текста.
Проблема в том, что в Chrome и IE (не в Fx или Opera) текст в меню выглядит некрасиво, не плавно. В остальном страница работает как положено, только в меню такое происходит. Но когда я навожу ссылку в меню, она трансформируется в красивый текст (вероятно, происходит какая-то перекомпоновка или что-то в этом роде).
У меня есть два файла (это важно в данном случае): screen_typography.css screen_layout.css
У меня есть минификатор, так что, в конце концов, браузер загружает только один файл css. В типографическом файле я импортирую шрифт и устанавливаю его для заголовков. В макете css я устанавливаю шрифт для меню. Шрифт установлен в -тег, который находится внутри li.
На момент написания я вижу, что это происходит только в Mac OSX, а не в Windows (не проверял это в Linux).
Кто-нибудь знает, почему это происходит?