Переключение семейства шрифтов при сохранении ширины

Question

Можно ли сохранить точную ширину <span> при изменении font-family текста внутри?Я думаю о балансировке этой ширины с font-size или font-size-adjust, потому что letter-spacing не будет отображаться изящно.

Я специально выбрал два совершенно разных шрифта: Times и Verdana.

Rollover theдемо: http://jsbin.com/ahiba4/20

Answer 1

Это возможно, но только с использованием JavaScript.

1. Сохранить ширину контейнера в переменной
2. Изменить шрифт в контейнере

3. Установитьразмер шрифта, чтобы контейнер снова соответствовал предыдущей ширине, используя один из методов, показанных в следующих вопросах:

   • Как автоматически изменить размер текста в фиксированном DIV в соответствии с длиной текста?
   • Текст масштаба JavaScript для размещения в фиксированном Div (это лучший IMO)