WordPress.org

Forums

How do you change the font? (6 posts)

  1. Jam
    Member
    Posted 4 years ago #

    Title.

  2. Tara
    Volunteer Moderator
    Posted 4 years ago #

    1. which "title"?
    2. what theme are you working with?

  3. Jam
    Member
    Posted 4 years ago #

    See the title: My question is how do I change the general content font?

    I'm on Twenty Ten.

    Thanks

  4. TOTM
    Member
    Posted 4 years ago #

    Open and Edit wp-content/themes/twentyten/style.css

    Find "/* =Fonts"

    Beneath that comment will be the rules for font styling for this theme.

    The fonts are segregated into 4 groups dependent on the uses.

    In general font-family is used because not everyone has the same fonts installed by default. It varies from OS to OS.

    Some help for selecting a font family can be found here:

    Font Stacks

  5. Jam
    Member
    Posted 4 years ago #

    Thank you for the information!

    I noticed that there are three places where the font family is located:

    /* =Fonts
    -------------------------------------------------------------- */
    body,
    input,
    textarea,
    .page-title span,
    .pingback a.url {
    	font-family: Palatino, Georgia, "Bitstream Charter", serif;
    }
    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 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;
    }
    pre {
    	font-family: "Courier 10 Pitch", Courier, monospace;
    }
    code {
    	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    }

    Is

    .pingback a.url {
    	font-family: Palatino, Georgia, "Bitstream Charter", serif;
    }

    The correct place?

    Note that I want my main font to be Palatino.

  6. TOTM
    Member
    Posted 4 years ago #

    If you want Palatino to be selected first of available fonts for everything in the theme you can replace all of the above (all 4 chunks) with :

    /* =Fonts
    -------------------------------------------------------------- */
    * {font-family: Palatino, Georgia, "Bitstream Charter", serif;}

    If someone is viewing your page and they have Palatino installed on their computer the page will display with that font. If not it will select the next in the list.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.