Drop caps rendering differently on Mobile

[phocks]

Seems to be broken on Mobile browsers? Pops up over the paragraph. (or is this a feature not a bug?)

On Desktop:

On Mobile:

[phocks]

I have managed to isolate the problem. It seemed to be only happening with certain Google Web Fonts (eg. Volkorn). And it seemed to be only happening when using the @import url(https://fonts.googleapis.com/css?family=Vollkorn:400,400italic); CSS Import way of importing Google Fonts.

When I used the javascript method of importing Google Fonts, the drop cap rendered correctly in both Desktop and Mobile browser. Hopefully this help anyone else having the same issue.