dropcap.js icon indicating copy to clipboard operation
dropcap.js copied to clipboard

Published 20 hours ago • verified publisher icon adobe-webplatform

Drop caps rendering differently on Mobile

Open phocks opened this issue 8 years ago • 1 comments

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 avatar Oct 31 '15 02:10 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.

phocks avatar Nov 04 '15 06:11 phocks