logo
Ask your WordPress questions! Pay money and get answers fast! (more info)

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

$10
Ragged H1 Font

Why does my H1 font look ragged and not sharp?

This question has been answered.

LowellNess | 02/03/13 at 8:53pm Edit
Tutorial: How to assign prize money


(5) Responses

See a threaded view of answers?

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

  • avatar
    Last edited:
    02/03/13
    9:04pm
    Abdelhadi Touil says:

    Your website URL please, and what's your browser?

  • avatar
    Last edited:
    02/03/13
    9:22pm
    Daniel Mesteru says:

    Hi,

    I think it isn't an issue per say, just a problem with the font being used, which is a Google Font. You could try to change the H1 font and the problem will dissapear. The .css file you need to change is in wp-content/themes/Karma/style.css.

    The line you need to overwrite will be:

    h1, h2, h3, h4, h5 #main .comment-title, .four_o_four, .callout-wrap span, .search-title, .callout2, .comment-author-about, .logo-text {
    
    font-family: 'Cantarell',Arial,sans-serif;
    
}


    change with e.g.:

    h1, h2, h3, h4, h5 #main .comment-title, .four_o_four, .callout-wrap span, .search-title, .callout2, .comment-author-about, .logo-text {
    
    font-family: 'Verdana',Arial,sans-serif;
    
}


  • avatar
    Last edited:
    02/03/13
    9:07pm
    LowellNess says:

    https://www.accreditedinvestorsolutions.com. Same issue on Chrome, IE8 and IE9 (and probably others).

  • avatar
    Last edited:
    02/03/13
    9:17pm
    Abdelhadi Touil says:

    I think it's because of the font used in your css file. All title use Cantarell font, I'v searched for it and I'v found it, example on google webfonts:

    http://www.google.com/webfonts/specimen/Cantarell

    You can change it by looking in your style file for this code:

    h1, h2, h3, h4, h5 #main .comment-title, .four_o_four, .callout-wrap span, .search-title, .callout2, .comment-author-about, .logo-text { 
    
font-family: "Cantarell", "Arial", sans-serif;
    
}


    and delete "Cantarell", part, or replace it with any other font you like, for example "Lucida Grande" used here at wpquestions.com, so the code becomes:

    h1, h2, h3, h4, h5 #main .comment-title, .four_o_four, .callout-wrap span, .search-title, .callout2, .comment-author-about, .logo-text { 
    
font-family: "Lucida Grande", "Arial", sans-serif;
    
}


    and it's better to make it bold via font-weight css tag in your style file.
    Good luck.

  • avatar
    Last edited:
    02/03/13
    9:38pm
    LowellNess says:

    I guess you're right. Hard to believe WordPress would include a font selection that doesn't work. Choosing a different font did the trick though. Thanks!

This question has expired.



Christianto voted on this question.



Current status of this question: Completed



Please log in to add additional discourse to this page.





Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.