chore(mixins): add .font() for creating @font-face

Also move the icon font to the new mixin and adapt necessary
variables.
fix(icons): use better alignment relative to text