Причина проблемы
Похоже, что смещение кавычек связано с заменой элементов h3 сценарием cufon-yui.js на элементы canvas, поскольку при отключении JavaScript на вашем сайте я замечаючто кавычки затем правильно выровнены (поэтому это не имеет никакого отношения к вашему CSS).
Дополнительная проблема: несовместимость IE9
Я также обнаружил в своем исследовании cufon для еще одна проблема , что она иногда не работает в IE9, что, как я подтвердил, относится к вашему сайту.В зависимости от того, какую версию IE9 вы используете, h3 и другие элементы заголовка на вашем сайте вообще не будут отображаться.
Возможные решения
Исправление 1. Обновите Cufon
Согласно FAQ от Cufon , пункт № 8, проблема несовместимости IE9 была исправлена в более новой версии их кода (которую вы, возможно, не используете), и она доступна для скачивания с их основного сайта:
Это было исправлено в 1.09i.Просто скачайте новый cufon-yui.js с официального сайта, и все готово.Он также полностью обратно совместим.
Обновление до более нового решения Cufon может также решить проблему смещения кавычек, но я не уверен.
Исправление 2. Используйте IEУсловные комментарии
Согласно тем же часто задаваемым вопросам о Cufon, если вы не хотите обновлять свою версию Cufon, вы можете поместить следующий код в html перед вызовами на Cufon.replace():
<!--[if gte IE 9]>
<script type="text/javascript">
Cufon.set('engine', 'canvas');
</script>
<![endif]-->
В качестве альтернативы они также дают инструкции о том, как заставить IE9 вести себя как IE7 или 8.
Эти решения должны решить проблему несовместимости IE9, но я не уверен, что они исправятпроблема смещения кавычек.
Исправление 3. Вместо этого используйте Typekit
Возможно, вам также будет интересно попробовать вместо этого Typekit , что согласно основному сайту cufon , также имеет то преимущество, что текст выбирается, но в настоящее время он не использует Cufon:
Вы также можете воспользоваться этой возможностью, чтобы [попробовать Typekit] [1], размещенный на хосте., @шрифтальтернатива.Да, это означает, что они поддерживают выбор текста.Это самый простой способ принять стандарты.
Использование Typekit определенно решит проблему с тем, что элементы заголовка не отображаются в IE 9, а также может решить проблему смещения кавычек.
Исправление 4. Полностью удалить специальные шрифты
У вас также всегда есть возможность вообще не использовать один из этих специальных шрифтов, введенных JavaScript.