Drop caps rendering differently on Mobile

adobe-webplatform / dropcap.js

Beautiful CSS drop caps made easy

Other

929 stars 70 forks source link

Drop caps rendering differently on Mobile #13

Open phocks opened 8 years ago

phocks commented 8 years ago

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

On Desktop: capture

On Mobile: photo 31-10-2015 12 14 18 pm

phocks commented 8 years ago

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.