Fixed Width

Force all icons to the same width — essential for aligned lists, menus, and tables.

The .trker-fw class

By default, icon widths vary slightly depending on the glyph shape. Adding .trker-fw sets a fixed width of 1.25em and centers the icon, so all icons in a list line up perfectly regardless of their natural width.

Live Example — Navigation list

Without .trker-fw icons have slightly different widths, causing text to misalign. With it, everything lines up:

<ul>
  <li><i class="trker trker-home trker-fw"></i> Home</li>
  <li><i class="trker trker-settings trker-fw"></i> Settings</li>
  <li><i class="trker trker-user trker-fw"></i> Profile</li>
</ul>