How to remove bold from title?

Question

I have a title:

<h1>THIS IS A HEADLINE</h1> 

How to make the phrase "THIS ..." not bold, but the rest unchanged? could not find any relevant tag in the text layout.

Answer 1

The title looks bold due to its large size, if you apply bold or want to change the behavior, you can do:

 h1 { font-weight:normal; } 

More details: http://www.w3.org/TR/css3-fonts/#font-weight-prop

Answer 2

Try font-weight:normal;

 h1 { font-weight: normal; } 

Answer 3

 <h1><span style="font-weight:bold;">THIS IS</span> A HEADLINE</h1> 

But make sure h1 is checked

 font-weight:normal; 

You can also set the style with the id or class attribute.

Answer 4

You want font-weight , not text decoration (along with suitable additional markup, such as <em> or <span> ), so you can apply different styles to different parts of the header)

Answer 5

Style

corresponds to vis css. Example

 <h1 class="mynotsoboldtitle">Im not bold</h1> <style> .mynotsoboldtitle { font-weight:normal; } </style> 

Answer 6

you can just do it in the html part:

 <span>Heading Text</span> 

and in css you can make it as an h1 block using the display:

 span{ display:block; font-size:20px; } 

you will get it as h1 without courage,
if you want it to be in bold just add it to css:

 font-weight:bold; 

Answer 7

 <h1><span>This is</span> a Headline</h1> h1 { font-weight: normal; text-transform: uppercase; } h1 span { font-weight: bold; } 

I'm not sure if this was just to show us, but as a note, you should always type in uppercase using CSS :)

Answer 8

for "THIS" should not be bold - add <span></span> around the text

 <h1>><span>THIS IS</span> A HEADLINE</h1> 

and in style

 h1 span{font-weight:normal} 

Answer 9

You can use font-weight:100 or lighter: this works with ie Opera 16 and later, but I don’t know why the h1 tags in Firefox are bolder, sorry.