Viewing 9 replies - 1 through 9 (of 9 total)
  • Try using Firefox with the Firebug add-on for this kind of CSS work.
    https://getfirebug.com/

    Thread Starter naturegirl321

    (@naturegirl321)

    I have Firebug, but Thematic’s code is so simple there’s no place that even mentions the font size on the style sheet. I ran the profiler and the erros and nothing shows up.

    Then it’s probably defaulting to your browser’s configured font size and you need to add a specific font-size rule.

    Thread Starter naturegirl321

    (@naturegirl321)

    Ok, thanks. I’m completely new at this. It says, This element has no style rules. You can create a rule for it.

    I’ve put in 80px, but it won’t accept it.

    Thread Starter naturegirl321

    (@naturegirl321)

    I put this in my child theme. Yet it hasn’t changed a thing.
    }
    #blog-title {
    font-family: Arial,sans-serif;
    font-size: 80px;
    font-weight: bold;
    line-height: 90px;
    text-decoration: none;
    }
    #blog-description {
    color: #666666;
    font-size: 24px;
    font-style: italic;
    }

    Thread Starter naturegirl321

    (@naturegirl321)

    figured it out. Thanks!

    Best to use pt or em unit for font size instead of px.

    https://css-tricks.com/css-font-size/ says “Point values are only for print CSS!” and “the reason we don’t use point sizes for screen display (other than it being absurd), is that the cross-browser results are drastically different”.

    The author also argues that px is often the best. It used to not be zoomable, but that was a limitation of IE 6 and older browsers. From 2010 onwards there has been less and less reason to use anything else than px for fonts.

    According to the same author as above, one convenient practice that doesn’t use px fonts is to “set a reasonable font size on the body (like “small”) and then using percentages for everything else.”

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Changing fonts in Thematic?’ is closed to new replies.