Межбраузерный интервал между буквами

Question

У меня огромная проблема с межбраузерным межбуквенным интервалом, из-за которой в разных браузерах отключаются ящики / поля ввода, особенно сафари и хром.

Как видно из рисунка, один изогнут, а другой выглядит нормально. У кого-нибудь есть какие-то исправления для этого?

font-family: 'Arial Narrow', Arial, sans-serif;
font-size:13px;

Answer 1

Я задал этот вопрос по той причине, что у меня был сайт, на котором было:

<div style="width:300px">Text: <input width="260px" /></div>

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

До меня дошло, что разные браузеры неизбежно будут отображать некоторые шрифты немного по-разному, и действительно нет никакого обхода для межбуквенного интервала.

Таким образом, вместо изменения межбуквенного интервала, чтобы поле ввода соответствовало - я заставил поля ввода заполнить оставшееся пространство элемента div, в котором он находился, на процент, а не на длину в пикселях. Таким образом, каждое поле ввода заканчивалось в одной точке во всех браузерах и заканчивалось совпадением.

Спасибо за вашу помощь всем.

Как я это сделал:

HTML:

<div style="width:300px">
  <label>Text:</label>
  <span><input /></span>
</div>

CSS:

label { float: left; }
span { display: block; overflow: hidden; }
input { width: 100%; }