How to make H1 / H2 not to be BOLD

Discussion in 'HTML & Website Design' started by Nystul, Dec 6, 2007.

  1. #1
    Just as title, how to make H1 / H2 etc not to be shown in BOLD.

    Thanks!
     
    Nystul, Dec 6, 2007 IP
  2. EIx

    EIx Peon

    Messages:
    170
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #2
    css,

    <style type=text/css>
    <!--
    h1,h2 {font-weight:normal}
    -->
    </style>
     
    EIx, Dec 6, 2007 IP
  3. Nystul

    Nystul Well-Known Member

    Messages:
    3,077
    Likes Received:
    40
    Best Answers:
    0
    Trophy Points:
    175
    #3
    Thanks for the help.
     
    Nystul, Dec 6, 2007 IP
  4. mz906

    mz906 Peon

    Messages:
    101
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    dont use H1, and H2 if you don't want bold
     
    mz906, Dec 6, 2007 IP
  5. twistedspikes

    twistedspikes Notable Member

    Messages:
    5,694
    Likes Received:
    293
    Best Answers:
    0
    Trophy Points:
    280
    #5
    Using headers is a good idea for SEO. So it's bad advice your giving.
     
    twistedspikes, Dec 6, 2007 IP
  6. joebert

    joebert Well-Known Member

    Messages:
    2,150
    Likes Received:
    88
    Best Answers:
    0
    Trophy Points:
    145
    #6
    That's like saying don't use HTML if you don't want any images.

    There's absolutely nothing wrong with removing the weight of the font from those elements. They're still two or more times the size of non-heading elements in the same container by default.
     
    joebert, Dec 6, 2007 IP
  7. yangyang

    yangyang Banned

    Messages:
    757
    Likes Received:
    26
    Best Answers:
    0
    Trophy Points:
    0
    #7
    You use H1 and other headings in the name of semantics to help visitors and machines (google crawler etc.) to better understand the essence of that page. Not visual effects at all.
     
    yangyang, Dec 7, 2007 IP
  8. Noddegamra

    Noddegamra Peon

    Messages:
    1,013
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    0
    #8
    The font weight of bold can look pretty crappy. You can still make it look nice and an official header if you use a large font size. I have some headers on size that aren't in bold, but in a large font. Sometimes it's necessary for graphic design and balance of a page.

    The whole point of css and styling is so that we don't have to stick with default settings.
     
    Noddegamra, Dec 7, 2007 IP
  9. orici

    orici Peon

    Messages:
    29
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Text looks pretty crappy in general. I took mine a further step ahead:

    <li class="h1os"> <-- header image
    <h2 class="hidden">Open Source</h2>

    <h2> hidden for SEO
    example: orici.net

    Theres a new technology called sifr where you can replace the default text. Features different fonts that are also perfectly aliased through flash. :)
     
    orici, Dec 7, 2007 IP
  10. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Eh, it's not that new. Flash Image Replacement has been used regularly on several pages. It's a big slow, but is nice for showing fonts that the user is unlikely to have.

    Deathshadow is developing a CSS/Js version of letter image replacement. It'll be nice if that can be another alternative.

    Or you could just use normal image replacement. http://www.mezzoblue.com/tests/revised-image-replacement/
     
    Stomme poes, Dec 7, 2007 IP