Search code examples
cssiconsfont-sizeocticons

Incorrect sizing for the icon-font build with Glyphs and exported with FontSquirrel


The resulting icon is oversized, even with font-size set to 16px, it looks like 32px or even more.

I used the [Octicons][2] approach to build the icons, so Glyphs setup looks as follows:

  1. Units per Em is 2048
  2. Metrics is exactly like Octicons
  3. Glyph width is set to 2048
  4. Grid spacing is set to 32

Solution

  • My mistake was to create glyphs with setting of "units per em" equal to 1000. After changing the value, already existing glyphs do not update automatically, you should press the button next to the setting.