how to remove the bold from a headline

Question

I have a headline    lt h1 gt THIS IS A HEADLINE lt  h1 gt    How do i make the phrase  THIS IS     not to be bold and the rest without a change  couldn t find any relevent tag in text-decoration

User · Answer

lt h1 gt  lt span style  font-weight bold   gt THIS IS lt  span gt  A HEADLINE lt  h1 gt    But be sure that h1 is marked with  font-weight normal    You can also set the style with a id or class attribute

User · Answer

style is accordingly vis css  An example   lt h1 class  mynotsoboldtitle  gt Im not bold lt  h1 gt   lt style gt   mynotsoboldtitle   font-weight normal     lt  style gt

User · Answer

lt h1 gt  lt span gt This is lt  span gt  a Headline lt  h1 gt   h1   font-weight  normal  text-transform  uppercase    h1 span   font-weight  bold      I m not sure if it was just for the sake of showing us  but as a side note  you should always set uppercase text with CSS

User · Answer

The heading looks bold because of its large size  if you have applied bold or want to change behaviour  you can do   h1   font-weight normal      More  http   www w3 org TR css3-fonts  font-weight-prop

User · Answer

for  THIS IS  not to be bold -  add  lt span gt  lt  span gt  around the text   lt h1 gt  gt  lt span gt THIS IS lt  span gt  A HEADLINE lt  h1 gt    and in style  h1 span font-weight normal

User · Answer

Try font-weight normal   h1       font-weight  normal

User · Answer

You can use font-weight 100 or lighter  this is working with i e  Opera 16 and older  but I do not know why the h1 tags in Firefox are bolder  sorry

User · Answer

You want font-weight  not text-decoration  along with suitable additional markup  such as  lt em gt  or  lt span gt   so you can apply different styling to different parts of the heading

User · Answer

you can simply do like that in the html part    lt span gt Heading Text lt  span gt    and in the css you can make it as an h1 block using display   span  display block  font-size 20px      you will get it as a h1 without bold    if you want it bold just add this to the css   font-weight bold

[css] how to remove the bold from a headline?

Examples related to css

Examples related to xhtml