Proxima Nova seems a bit off

  • Author
    Posts
  • #78562

    enzo532blog
    Member
    Original poster

    Hi not sure if this is a theme problem, something I’m doing wrong or a typekit problem… but I’ll try it here anyway.

    I don’t think my Proxima Nova font is displaying correctly in my Kent theme. I began to suspect this when I noticed that i shows up as I without the dot. Below is a sample taken from this page http://in-the-back-of-the.net/2015/06/28/tamakae-and-tamakou/

    https://inthebackofthenet.files.wordpress.com/2015/07/sample.png

    This isn’t how the font displays in typekit’s tester:

    https://inthebackofthenet.files.wordpress.com/2015/07/tk.png

    Am I imagining things or is this a problem? Seems the same in Oprea, Chrome and IE.

    Thanks in advance for your help,

    Enzo Giordani.

    The blog I need help with is: in-the-back-of-the.net

    #78707

    binarymoon
    Theme Author

    Hi Enzo – thanks for the message and sorry to hear the font isn’t displaying properly.

    Is the problem still happening for you? The font looks fine for me here. If it’s ok then it may have been a temporary glitch with Typekit. If it’s not ok then it may be a windows specific issue (I’m on a Mac).

    If it’s still broken then I’ll dig out my PC and see if I can spot where the problem lies :)

    #78708

    enzo532blog
    Member
    Original poster

    Thanks binarymoon – yeah I’m still seeing the issue on my windows PC (but now that you mention it, looks fine on my iPhone) – must be a windows specific issue.

    #78713

    binarymoon
    Theme Author

    I’ve tested it on my windows laptop and it’s looking good there as well however my laptop is quite old. I have a few questions to try and shed some light on this.

    What version of windows are you using?

    Is this a new problem or has it always happened? How long have you been using this particular font?

    Have you changed any settings recently on the site?

    Do you have any extensions or plugins installed that might be affecting things?

    #78735

    enzo532blog
    Member
    Original poster

    I’m using Windows 7 Professional.

    I first noticed the problem a couple of weeks ago, but it may have been happening longer. I’ve been using the font for about a year and a half. I think it was looking fine when I first started using it – sorry that doesn’t narrow down the time frame much I know.

    I temporarily changed my image that I’m using at the top instead of the site title about four weeks ago and I changed it back last week – I’m using the css code you gave me a while back, I just substituted the URL for the URL of the other image and then changed it back again. I’m also using the css you gave me to bold my links so they show up better. This is all my css:

    #main article .entry a {
    font-weight: bold;
    }

    .branding {
    text-indent: -999em;
    background: url(‘https://inthebackofthenet.files.wordpress.com/2014/12/logocropped1.png’) no-repeat left top;
    background-size: contain;
    height: 200px;
    }

    No plugins or extensions that I’m aware of.

    #78763

    binarymoon
    Theme Author

    Hi – I’m afraid I’m still not sure what the problem is. I’ll ask the WordPress.com team to see if they can work out what it might be.

    #78941

    kathrynwp
    Staff

    Hi there – this does seem like a problem with Windows rendering fonts smoothly. Do you have ClearType turned on?

    https://www.winhelp.us/change-font-smoothing-in-windows.html

    #78951

    enzo532blog
    Member
    Original poster

    Hi kathrynwp, sorry it’s taken me a couple of days to reply. I’ve been overseas without my laptop. I have now turned on clear type but it doesn’t appear to have made any perceptible difference.

    Thanks for your help.

    Enzo.

    #78953

    kathrynwp
    Staff

    Hi Enzo, thanks for testing that.

    As a next troubleshooting step, you could spot-check a few other fonts in the Customizer’s preview pane to see if they have the same problem. If the issue is specific to Proxima Nova you might like to choose a different font instead.

    Let me know how it goes.

    #78957

    enzo532blog
    Member
    Original poster

    Hi Kathryn, the problem appears to be specific to Proxima Nova.

    #78960

    kathrynwp
    Staff

    Thank you for narrowing down the issue to this one particular font.

    I’ve tested Proxima Nova in IE11/Windows 7 in a few other themes, and the rendering problem seems to be present in certain themes, including Twenty Fifteen.

    Given that the rendering problem is with one specific font, in a specific version of Internet Explorer and Windows, I’d suggest you select another font for the time being. I’ll still report this to our developers, but it may not be something we are able to fix at this end, so choosing a different font is probably the best workaround.

    Thanks for all the testing – it was very helpful and we appreciate it!

    #78962

    kathrynwp
    Staff

    Our customization team has contacted Typekit to see about a fix for this issue, which seems to affect the 17px font size in Proxima Nova.

    In the meantime, you could try adding this to your custom CSS, to change the size to either 16 or 18px:

    .entry {
      font-size: 16px;
    }

    OR

    .entry {
      font-size: 18px;
    }

    Let me know how this goes.

    #78963

    enzo532blog
    Member
    Original poster

    Hi Kathryn, bingo I used your code to change the font size to 18px and it looks beautiful in the body of my posts. I’m still seeing the problem on my home page in the post summaries and also in post comments. Is there another CSS I could use to tidy those up?

    Thank you so much, it’s great to get that fixed.

    #78964

    kathrynwp
    Staff

    Great! Try this CSS to target those three elements, replacing what I gave you earlier:

    .entry, .excerpt, .comment-content {
      font-size: 18px;
    }
    #78965

    enzo532blog
    Member
    Original poster

    Excellent. All looking great now!

The topic ‘Proxima Nova seems a bit off’ is closed to new replies.