WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Changing fonts in the post area (9 posts)

  1. scbabb
    Member
    Posted 3 years ago #

    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

  2. Ross Hanney
    Member
    Posted 3 years ago #

    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.

  3. scbabb
    Member
    Posted 3 years ago #

    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

  4. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    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;
    }
  5. scbabb
    Member
    Posted 3 years ago #

    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.

  6. chewbears
    Member
    Posted 3 years ago #

    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.

  7. scbabb
    Member
    Posted 3 years ago #

    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!

  8. chewbears
    Member
    Posted 3 years ago #

    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.

  9. scbabb
    Member
    Posted 3 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic