我在菜单按钮中放置了一些Font Awesome图标来替换固定大小的图标。当我使用CSS / Web Font方法执行此操作时，图标与按钮中文本的大小相匹配。当我使用SVG / JS方法时，带有图标的按钮高1px。我在CSS中找不到添加额外像素的任何内容。结果是这些菜单按钮中的一行没有一致的高度。
我的标记在两种情况下完全相同;我使用<i>技术。
我无法确定，但似乎SVG / JS方法正在被开发人员推动（CSS方法被描述为“对于旧浏览器来说很棒”）。我想用它，猜测它是未来，但我真的希望尽可能避免重做我的菜单。
有没有其他人看过这个问题，如果有，你是怎么解决的？