Treehouse: Grow your CSS skills. Land your dream job.

Google web fonts not displaying on iPad

  • # September 29, 2012 at 10:37 am

    I am building a site and I am using Google web fonts. The fonts render on every other device I have tried except my iPad. I have no clue why and any help would be great thanks!

    # September 29, 2012 at 10:45 am

    Which font?

    Can you provide a link to your site?

    # September 29, 2012 at 11:23 am

    Kreon (from google web fonts)
    and my site is (in progress)

    # September 29, 2012 at 1:46 pm

    @kmullins131 I don’t think iPad uses Woff as an acceptable font format. You would need to use SVG if I’m not mistaken. Also, put the css link above your javascript in your head section.

    Edit: I just realized that the Google API will detect the correct file format depending on the browser. If you want, I converted the font to multiple formats for cross-browser and cross-platform use if you want to upload them onto your own server. This might solve the problem.

    It can’t be an IIS issue because you’re using Apache.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.