WordPress.org

Ready to get started?Download WordPress

Forums

Bouquet
Page Title Fonts look awful (7 posts)

  1. placeofstillness
    Member
    Posted 1 year ago #

    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

  2. placeofstillness
    Member
    Posted 1 year ago #

    Sorry...forgot the link. http://www.clelandpottery.com

  3. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  4. placeofstillness
    Member
    Posted 1 year ago #

    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;
    }
  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

  6. placeofstillness
    Member
    Posted 1 year ago #

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

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.