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

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

Я также ссылалсяДокументация по Github - при проверке того, как октиконы сравнивают браузер, они отлично выглядят Насколько я вижу, заметной разницы нет.How did they achieve this?

Я использую Inkscape и попробовал несколько различных шаблонов SVG Starter. НастройкаSet width: 1024 и попробовал иконки в разных размерах без разного результата. то есть квадрат 512pt и выровненный непосредственно под базовой линией.

My question is what rules do I need to impliment when creating a webfont to get the smallest difference between browser rendering of the font?