WordPress.org

Support

Support » Themes and Templates » Page Title Fonts look awful

Page Title Fonts look awful

  • The page titles, “Welcome”, “About My Work”, etc look horribly jaggy. I’ve only seen one other WP site using Bouquet and it has the same awful look. Anyone have any idea how to fix this? Thanks, Tom

Viewing 6 replies - 1 through 6 (of 6 total)
  • Sorry…forgot the link. http://www.clelandpottery.com

    WPyogi

    @wpyogi

    Forum Moderator

    That font is a Google font — it looks fine in Firefox, Chrome and Safari on a Mac for me, but if you want to change it to another font, you can do so in the CSS if there is not a theme option to change it. Does that theme have a custom CSS option? If not, you’ll want to use a custom CSS plug-in or make a child theme so that your changes are not overwritten when the theme is updated:

    http://codex.wordpress.org/Child_Themes

    Once you have that set up, add this code to the custom CSS or child theme style.css file:

    #site-title {
        font: 50px "Sorts Mill Goudy","Times New Roman",serif;
    }
    
    #site-description {
        font: 13px "Sorts Mill Goudy",serif;
    }

    and change the font(s) listed there.

    Thanks for your very thoughtful reply WPyogi. I see that I can change it easily in the style file to a different font, and in fact ‘Georgia’ looks very nice in its place. What is confusing to me is that the theme uses the same font – Sorts Mill Goudy – in the title font and it looks excellent in the site title, but horribly jaggy in the page titles. I’m not sure what could cause the difference. I’m seeing it in Firefox, Chrome and Opera on every windows PC I’ve checked it on.

    Any idea why it would look fine in the title…

    #site-title {
    	font: 50px "Sorts Mill Goudy", "Times New Roman", serif;
    	margin-bottom: .2em;
    	text-transform: uppercase;
    }

    And not in the page headings? (I remarked out the shadow to see if that made any difference. It did not.)

    .entry-title {
    	font: 33px/41px 'Sorts Mill Goudy', serif;
    	margin-bottom: 0.3em;
    	/* text-shadow: 1px 1px 0 rgba(255,255,255,1); */
    	word-wrap: break-word;
    }
    WPyogi

    @wpyogi

    Forum Moderator

    Hmm, that’s weird. Maybe try changing the font size to a set single px . Maybe it just hates math? LOL!

    I think the first number is the font size and the second number is the line height. 🙂

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    What is confusing to me is that the theme uses the same font – Sorts Mill Goudy – in the title font and it looks excellent in the site title, but horribly jaggy in the page titles.

    It’s just the font face, the font itself that messes up. That font probably looks great in large font sizes, but not small.

    Similar situations happen with other font families, such as ‘Lane Upper’ exampled here http://awesomescreenshot.com/0f4qpo3d7 . The readable, ‘How Happy’ text is 60px tall, while the unreadable description text, “Measuring Happiness” is 13px tall. Both the same font family.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Page Title Fonts look awful’ is closed to new replies.