Проблема рендеринга текста в IE9 - хвосты на письмах обрезаны

Question

Я сталкиваюсь с проблемой, когда - в стандартном режиме IE9 - IE9 отображает текст таким образом, что хвосты на нисходящих буквах - "q, p, y" и т. Д. - исчезают.Попробовал поиграть с отступами и другими общими настройками CSS, чтобы исправить это, но пока мне не повезло.

У кого есть идея, что это может быть?

Answer 1

РЕДАКТИРОВАТЬ: Я нашел это в блоге. Ссылка больше не работает. Оставив его здесь на случай, если он снова всплывет.

Это как если бы текст был узлом внутри ввода и высотой строки был установлен на этом внутреннем элементе, с окружающим элементом обрезка переполненного текста.

Решение простое, установите высоту строки равной «1» (без единиц)

Answer 2

У меня просто была эта проблема при использовании font: inherit на input. Объявлены фактические шрифты, которые я хотел (в первую очередь Verdana), и хвосты снова видны.

Также проверено line-height на input - но это снова вызвало проблему.

Вот что я закончил:

body, button, input, select, textarea {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 100%;
}
body {
    line-height: 1.5;
}

Answer 3

Эта настройка высоты строки: унаследовать на полях ввода сделала свое дело.

input[type="text"], input[type="email"], input[type="password"], {
  line-height: inherit; /* for i.e. */
}

Answer 4

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