[resolved] web font on my ipad (iOS 5.1) is chunky (3 posts)

  1. trouille2
    Posted 3 years ago #

    on my website in test (www.donotopen.org/wp_site), I encounter that issue :
    on all browser it looks fine, on my iPhone 4s iOS6, it looks nice, but on my iPad (1st gen iOS 5.1.1) my web font (helvetica neue light) looks weird, the font shape seems to be fine but in place of my site title ("DO NOT OPEN") I got this : "HS RSX S TI R".

    I thought it was the font generated that was misunderstood by the iPad, but I put a static file in my theme folder and the font looks great. So I figured out it was the mix between wordpress, iOS and the web-font that present a bug. Anyone has info on this?

  2. esmi
    Forum Moderator
    Posted 3 years ago #

    WP doesn't do anything different with CSS compared to a static page, so if there is an issue, it must be in your custom theme.

  3. trouille2
    Posted 3 years ago #

    ok I found the problem. It's the 'text-rendering: optimizeLegibility;' parameter that cause the issue. (body line 484) tag in the style.css of twentytwelve. In my theme I duplicated this part of the css.
    if I replace it with 'text-rendering: auto;', it looks fine.
    Thks Esmi

Topic Closed

This topic has been closed to new replies.

About this Topic