1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Which fonts can be used in WP Headings (H1-H6)

Discussion in 'CSS' started by boron, Nov 13, 2008.

  1. #1
    Is it possible to use any desired font in H1-H6 headings in a WP blog (v. 2.6.3), or some limited list of available fonts exist?

    I'd like to have something easy readable for a post title (not like Times New Roman). Like Arial, but something obviously different, since I have Arial in H2-H6 headings already.

    Any tip?

    http://www.healthhype.com

    What is the font in my first sig link?
     
    boron, Nov 13, 2008 IP
  2. LeetPCUser

    LeetPCUser Peon

    Messages:
    711
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You can use all the headers. You can predefine their look and size in your theme CSS file. As for the font of the link it is Verdana.
     
    LeetPCUser, Nov 13, 2008 IP
    boron likes this.
  3. shallowink

    shallowink Well-Known Member

    Messages:
    1,218
    Likes Received:
    64
    Best Answers:
    2
    Trophy Points:
    150
    #3
    The h1 font in the sig link is Tahoma,Arial,Verdana.
    You can use any font you desire, just limited to what other people will have and always define the fallbacks as one of the primary 5 font-familys (serif,fantasy, monospace, sans-serif,cursive)
    something like
    h1 { font-family: Garamond,georgia,arial; }

    Here's more about the fonts with their respective classification:
    http://www.w3.org/TR/CSS2/fonts.html#generic-font-families
     
    shallowink, Nov 13, 2008 IP
  4. boron

    boron Well-Known Member

    Messages:
    1,072
    Likes Received:
    40
    Best Answers:
    0
    Trophy Points:
    140
    #4
    So how to determine that H1 tag will be in one of these three fonts let's say arial?
     
    boron, Nov 13, 2008 IP
  5. mypsdtohtml

    mypsdtohtml Guest

    Messages:
    96
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Hi

    For your WordPress blog you can use in your XHTML CSS fonts like: georgia, times, arial, helvetica, arial rounded and even stockwell
     
    mypsdtohtml, Nov 13, 2008 IP
  6. LeetPCUser

    LeetPCUser Peon

    Messages:
    711
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Put the fonts in the order you wish to have them displayed. If the user does not have the font it goes to the next one. In this case you would want arial listed first in your list.
     
    LeetPCUser, Nov 13, 2008 IP
  7. boron

    boron Well-Known Member

    Messages:
    1,072
    Likes Received:
    40
    Best Answers:
    0
    Trophy Points:
    140
    #7
    I see.
    I'll need one from sans-serif family, since they have no ornaments.
     
    boron, Nov 13, 2008 IP
  8. shallowink

    shallowink Well-Known Member

    Messages:
    1,218
    Likes Received:
    64
    Best Answers:
    2
    Trophy Points:
    150
    #8
    It's ordered by preference, so go from specific to general. First I want garamond, if they don't have that give me georgia and if all else fails its back to arial. Course the last part should be one of the 5. so in your case

    h1{ font-family: "MS Trebuchet",Tahoma,verdana,sans-serif ; }
     
    shallowink, Nov 13, 2008 IP