Thread:Starport592/@comment-351153-20140916015707

So the problem is, the current font is too small for its font size, and Template:Difficulty is set to an absolute size to fix that. But this makes the font too big for alternative CSS (such as the default MediaWiki skin), which have smaller text than Wikia's default. It also makes headings using the template the same size as regular use. I would assume that users who have older browsers would have text too big, too.

Some alternatives (i.e. different kludges) to fixing the WOFF/TFF/EOT files:
 * Using "em" in the template.
 * Using "em" in the @font-face definition.

I think that's how em works, anyway. 2em should work.

Examples:
 * Drizzle - DRIZZLE (24px) -
 * Drizzle - DRIZZLE (2em) -
 * Drizzle - DRIZZLE (1.7em) -
 * Drizzle - DRIZZLE (1.6em) -
 * Drizzle - DRIZZLE (1.5em) -
 * Drizzle - DRIZZLE (1.4em) -
 * Drizzle - DRIZZLE (1em) -  