Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 3, 2017 at 2:34 pm #742367
    SuperflyVisuals

    I have a problem regarding fonts, ONLY on iPhone, iPad (iOS) Safari browser

    I added webFonts via CSS3 through FontSquirrel
    body {
    font-family: questa_sansregular !important;
    }
    h1,h2,h3,h4,h5,h6 {
    font-family: questa_sansregular !important;
    font-weight: normal;
    }
    `

    The CSS is fine, and it works great on desktop Mac, and all other mobile devices, Windows etc.

    What is wrong with Apple and iPhones?? :S

    PS: I tried emulating on following sites without it showing the problem.
    http://testiphone.com
    http://www.responsimulator.com
    http://iphone5simulator.com
    http://ipadpeek.com/

    I have also verified that the problem exists on iPhone 6 and iPhone 7 as well.

    February 8, 2017 at 7:41 am #744232
    Nikko

    Hey SuperflyDK,

    Can you post a link to your site? so we can inspect further.

    Best regards,
    Nikko

    February 14, 2017 at 2:41 pm #746904
    SuperflyVisuals

    Hey Nikko,

    I have solved it. Tried the complete four way font from FontSquirrel.com generator (WOFF, WOFF2, TTF, EOT), but it still not work in Apple’s irritating iOS devices.

    Finally solved it. The domain name has special characters in them. It is supposed to be functional on the www with the Danish æ,ø,å in the URLs, and it works EVERYWHERE else, except iOS.

    The solution was to use relative URLs in the CSS, and not absolute URLs. <- Problem solved !

    All the best,

    Jes

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘iPhone, iPad, iOS webfont problems’ is closed to new replies.