Skip to content

Drop caps rendering differently on Mobile #13

Open

Description

@phocks

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

Activity

  1. changed the title [-]Drop caps on Mobile[/-] [+]Drop caps rendering differently on Mobile[/+] on Nov 4, 2015
  2. phocks commented on Nov 4, 2015

    @phocks
    Author

    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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions