dropcap.js
dropcap.js copied to clipboard
Drop caps rendering differently on Mobile
Seems to be broken on Mobile browsers? Pops up over the paragraph. (or is this a feature not a bug?)
On Desktop:
On Mobile:
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.