WordPress.org

Support

Support » Themes and Templates » [Resolved] Changing fonts in the post area

[Resolved] Changing fonts in the post area

  • Please forgive me if this has been discussed. I have not found any answer to this thus far (and I have spent a good amount of time searching!)

    I am using the twenty ten theme and would like to have the font face of post titles and content be the same. Right now the title shows as Arial; the content of the post shows as Times or something with serif.

    I have examined and re-examined the stylesheet to no avail. I cannot figure out where the font face is for these two items.

    Thanks in advance for any help!

    Susan

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi Susan,

    It looks like line 116 of Twenty Ten’s style.css controls the main content font and line 144 controls the titles etc.

    Hi Ross,
    I figured as much but I see 3 chunks of code for font faces and wonder which one determines the content?
    I probably have just enough knowledge about this to be dangerous so a little more detail could be helpful!
    Thanks in advance!
    Susan

    Moderator Michael

    @alchymyth

    Forum Moderator

    as the content is not really referenced in the styles, it is determined by the body font-family;

    body,
    input,
    textarea,
    .page-title span,
    .pingback a.url {
    	font-family: Georgia, "Bitstream Charter", serif;
    }

    (style starting in line 111)

    however, you could add .entry-content, to the list starting in line 118:

    h3#comments-title,
    h3#reply-title,
    #access .menu,
    #access div.menu ul,
    #cancel-comment-reply-link,
    .form-allowed-tags,
    #site-info,
    #site-title,
    #wp-calendar,
    .comment-meta,
    .comment-body tr th,
    .comment-body thead th,
    .entry-content,
    .entry-content label,
    .entry-content tr th,
    .entry-content thead th,
    .entry-meta,
    .entry-title,
    .entry-utility,
    #respond label,
    .navigation,
    .page-title,
    .pingback p,
    .reply,
    .widget-title,
    .wp-caption-text,
    input[type=submit] {
    	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
    }

    While I feel on the verge of understanding this, I don’t want to try the patience of the pros. I did come up with a manual work around which will be a pain to use but it is doable.
    Thanks for the posts and they might help someone else.

    also you can dl firebug for fire fox and look at how the style is being used on the page so that you can see what and where to end, and what and wehere to create new.

    Firebug is cool and I did download it.
    But I think one step is missing for me: without naming the lines, I need to know where in the style sheet the specific code is for changing the font face for post content.
    I suspect because there is not an easy answer that there is no answer!
    Thanks!

    In firebug to do what you want, click the HTML tab. Right click the text you want to understand. Click inspect, and on the right the css that applies to that element is displayed. It tells you the sytlesheet in which it resides, the line it lives on, and other styles within the sheet that play a roll in its creation. Anything with a slash through it means it is not being used because in the hierarchy of the style something is taking precedence.

    That is clear, thank you.
    I think what I am understanding that in order to change the font face of post content, I need to add something to the style sheet and I am not sure exactly what or where to put it.
    Still exploring and seeking the answer.
    Thanks.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] Changing fonts in the post area’ is closed to new replies.