Я поместил несколько значков Font Awesome в кнопки меню, чтобы заменить значки фиксированного размера.Когда я делаю это с подходом CSS / Web Font, значки соответствуют размеру текста в кнопке.Когда я делаю это с подходом SVG / JS, кнопки с иконками выше на 1px.Я не могу найти ничего в моем CSS, который добавляет дополнительный пиксель.В результате ряд этих кнопок меню не имеет одинаковой высоты.
Моя разметка абсолютно одинакова в обоих случаях;Я использую технику <i>.
Не могу точно сказать, но кажется, что подход SVG / JS продвигается разработчиками (подход CSS описывается как "отличный ... для старыхбраузеры »).Я хотел бы использовать это, предполагая, что это будущее, но я действительно хотел бы избежать переделки моих меню, если это возможно.
Кто-нибудь еще видел эту проблему и, если да, как вы ее решили?