Создание кроссбраузерного веб-шрифта для иконок

Я делал свой собственный веб-шрифт, взяв за отправную точку статьи из депо веб-дизайнеров и intridea .

Я знаю, что разные движки отображают шрифты по-разному, но проблема, с которой я сталкиваюсь, заключается в том, что Firefox отображает шрифт выше, чем хром -при размере, который я показываю шрифт, это очень заметно (3 или 4 пикселя -, что на кнопке означает, что они полностью смещены ).

Я также ссылался на документацию по октикону Github -. при проверке, как октиконы сравнивают браузер, они выглядят великолепно! Никакой заметной разницы, насколько я вижу. Как им это удалось?

Я использую inkscape и пробовал несколько разных начальных шаблонов svg. Настройка — Set width: 1024, и мы пробовали значки разных размеров без каких-либо результатов. т. е. квадрат размером 512 pt, выровненный прямо под базовой линией.

Мой вопрос: какие правила мне нужно соблюдать при создании веб-шрифта, чтобы получить наименьшую разницу между отображением шрифта в браузере?