The first row of "links" have a regular, standard, @font-face rule applied to the parent element; look at this page with Safari for Windows to see that the space between element is still here.
Then take a look at the second row of elements. I've applied to this element a modified @font-face rule as explained in Font Spring blog, serving SVG before Woff. If you look at this page with Safari for Windows you can notice that the spaces were correctly collapsed.
Resources
- For a comprehensive list of techniques to fight the space between inline block elements read this Chris Coyier Post.
- For the Font Spring fix to improve the rendering of webfonts in Chrome read the blog post on their blog.
- If you ended up on this page without knowing why read my blog post.
- Background patterns by Subtle Patterns.
- Alfa Slab font by José Miguel Solé B. – webfont packed by Font Squirrel