How to make my font bold using css

Question

I m very new to HTML and CSS and I was just wondering how I could make my font bold using CSS   I have a plain HTML page that imports a CSS file  and I can change the font in the CSS  But I don t know how to make the font bold  can anyone help me

User · Answer

font-weight  bold

User · Answer

You can use the CSS declaration font-weight  bold    I would advise you to read the CSS beginner guide at http   htmldog com guides cssbeginner

User · Answer

Selector name  font-weight bold      Suppose you want to make bold for p element  p  font-weight bold      You can use other alternative value instead of bold like  p   font-weight bolder   font-weight 600

User · Answer

Sine you are new to html here are three ready to use examples on how to use CSS together with html  You can simply put them into a file  save it and open it up with the browser of your choice   This one directly embeds your CSS style into your tags elements  Generally this is not a very nice approach  because you should always separate the content html from design     lt  xml version  1 0  encoding  UTF-8   gt   lt  DOCTYPE html PUBLIC  -  W3C  DTD XHTML 1 1  EN   http   www w3 org TR xhtml11 DTD xhtml11 dtd  gt    lt html xmlns  http   www w3 org 1999 xhtml  xml lang  de  gt            lt head gt                 lt meta http-equiv  Content-Type  content  text html  charset UTF-8    gt              lt title gt Hi  I m bold  lt  title gt         lt  head gt                  lt body gt           lt p style  font-weight bold   gt Hi  I m very bold  lt  p gt       lt  body gt   lt  html gt     The next one is a more general approach and works on all  p   stands for paragraph  tags in your document and additionaly makes them HUGE  Btw  Google uses this approach on his search    lt  xml version  1 0  encoding  UTF-8   gt   lt  DOCTYPE html PUBLIC  -  W3C  DTD XHTML 1 1  EN   http   www w3 org TR xhtml11 DTD xhtml11 dtd  gt    lt html xmlns  http   www w3 org 1999 xhtml  xml lang  de  gt            lt head gt                 lt meta http-equiv  Content-Type  content  text html  charset UTF-8    gt              lt title gt Hi  I m bold  lt  title gt             lt style type  text css  gt              p                 font-weight bold                font-size 26px                         lt  style gt       lt  head gt          lt body gt           lt p gt Hi  I m very bold and HUGE  lt  p gt       lt  body gt   lt  html gt      You probably will take a couple of days playing around with the first examples  however here is the last one  In this you finally fully seperate design  css  and content  html  from each other in two different files  stackoverflow takes this approach   In one file you put all the CSS  call it  hello world css       p       font-weight bold      font-size 26px        In another file you should put the html  call it  hello world html      lt  xml version  1 0  encoding  UTF-8   gt   lt  DOCTYPE html PUBLIC  -  W3C  DTD XHTML 1 1  EN   http   www w3 org TR xhtml11 DTD xhtml11 dtd  gt    lt html xmlns  http   www w3 org 1999 xhtml  xml lang  de  gt            lt head gt                 lt meta http-equiv  Content-Type  content  text html  charset UTF-8    gt              lt title gt Hi  I m bold  lt  title gt             lt link rel  stylesheet  type  text css  href  hello world css    gt         lt  head gt              lt body gt           lt p gt Hi  I m very bold and HUGE  lt  p gt       lt  body gt   lt  html gt     Hope this helps a little  To address specific elements in your document and not all tags you should make yourself familiar with the class  id and name attributes  Have fun

User · Answer

You d use font-weight  bold   Do you want to make the entire document bold  Or just parts of it

User · Answer

You could use a couple approaches  First would be to use the strong tag  Here is an  lt strong gt example of that tag lt  strong gt     Another approach would be to use the font-weight property  You can achieve inline  or via a class or id  Let s say you re using a class     className     font-weight  bold      Alternatively  you can also use a hard value for font-weight and most fonts support a value between 300 and 700  incremented by 100  For example  the following would be bold    className     font-weight  700

User · Answer

lt  DOCTYPE HTML PUBLIC  -  W3C  DTD HTML 4 01  EN      http   www w3 org TR html4 strict dtd  gt   lt HTML gt   lt HEAD gt   lt STYLE type  text css  gt     body            font-weight  bold        lt  STYLE gt   lt  HEAD gt   lt BODY gt  Body text is now bold   lt  BODY gt   lt  HTML gt

User · Answer

font-weight  bold

User · Answer

You can use the strong element in html  which is great semantically  also good for screen readers etc    which typically renders as bold text    x000D   x000D  See here  some  lt strong gt emphasized text lt  strong gt   x000D   x000D   x000D    Or you can use the font-weight css property to style any element s text as bold    x000D   x000D  span   font-weight  bold    x000D   lt p gt This is a paragraph of  lt span gt bold text lt  span gt   lt  p gt  x000D   x000D   x000D

User · Answer

Use the CSS font-weight property

[css] How to make my font bold using css?

Examples related to css