FirstWorldAnarchy/FirstWorldAnarchy.github.io — pull request #2 by MacPhage (2014-07-29 01:39:55+00:00)
Title: Fixed font splitting issue on iOS, Fixes #1

The problem

There is an issue on iOS (and potentially other browsers) where font that doesn't support being bold, is made
bold with "font-weight" and the result is "pseudo-bold" by the browser -- rendering the font a second time offset
from the first.

The fix

The following steps taken to fix the splitting issue are explained and
shown below.

As you can see, there is an issue with the font "doubling" or "splitting". (If you can't see it, open the image in a new tab at 100% size.)

Original (iOS 8) on the left; proposed changes (iOS 8) on the right

But when you fix the "splitting" for mobile (by using font-weight: normal;), all the bold text doesn't pop out anymore. I changed the font-family in the #title class from "Roboto-ThinItalic" to "Roboto-LightItalic" to fix this.

Original (on Safari 8)

Proposed changes (on Safari 8), with Roboto-Thin

Proposed changes (on Safari 8), with Roboto-Light