Results 1 to 7 of 7

Thread: How to make a font Bold with CSS

  1. #1
    Join Date
    Jul 2009
    Posts
    67

    How to make a font Bold with CSS

    I don't have much knowledge about CSS. So, therefore i would like to know that how to add bold and italics to my text. I would also like to know what Bold CSS buttons can be used for? Does any ones how to make a font Bold with CSS? Kindly let me know the correct way of doing it. Thanks in advance.

  2. #2
    Hot-Text Guest

    Re: How to make a font Bold with CSS

    http://www.htmlkit.com/download/ its a free full-featured editior for HTLM, XHTML, XML, CSS.
    Download the 292

  3. #3
    Join Date
    Apr 2008
    Posts
    1,948

    Re: How to make a font Bold with CSS

    CSS font properties define the font family, boldness, size, and the style of a text. Bold CSS Buttons helps you to get rid of trouble with using a rounded edge button image sliced into two pieces, then put back together using CSS.

  4. #4
    Join Date
    May 2008
    Posts
    2,012

    Re: How to make a font Bold with CSS

    The button text style reacts on the "hover" state.The CSS code is compatible with all modern web browsers. If you use a class to set the bold and any other attributes to the text you have it. Follow the below CSS code, in order to make your fonts bold.

    .
    boldText{font-weight: bold;}

    <p> This is normal text</p>

    <p class="boldText"> This is BOLD text</p>

  5. #5
    Join Date
    Apr 2008
    Posts
    2,005

    Re: How to make a font Bold with CSS

    I just got the code which is required for you. In order to avoid the bold formatting from an element that is bold by default, let say for example the <h4> through <h6> elements, need to be configure the value of the font-weight property to normal one.


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>WebDevelopmentTutorials.com</title>

    <link rel="stylesheet" type="text/css" href="" media="screen,projection" />

    <style type="text/css">
    .normal
    {
    font-weight: normal;
    }
    .bold
    {
    font-weight: bold;
    }

    </style>
    </head>
    <body>

    <p class="normal">
    This font has a weight of normal.
    </p>
    <p class="bold">
    This font has a weight of bold.
    </p>

    </body>
    </html>

  6. #6
    darrenalex Guest

    Re: How to make a font Bold with CSS

    Hi...
    I read your post and as per that i have some information regarding that so here it is: This tutorial shows you how to make a font bold with CSS
    The font-weight property allows you to specify how bold a font is.
    The values that the font-weight property can have are normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, and , however, the only value keywords that are used in the real word are normal and bold. That means that font-weight property is either set to bold, normal or it is not specified at all.
    To remove the bold formatting from an element that is bold by default, for example the <h4> through <h6> elements, set the value of the font-weight property to normal.

  7. #7
    Hot-Text Guest

    Re: How to make a font Bold with CSS

    Quote Originally Posted by Katty View Post
    The button text style reacts on the "hover" state.The CSS code is compatible with all modern web browsers. If you use a class to set the bold and any other attributes to the text you have it. Follow the below CSS code, in order to make your fonts bold.
    OK time to see HOt-CsS
    in HTML you have

    <body style="color: #ff0066; text-shadow: #666fff">

    <table summary="" style="color: #ff0066; text-shadow: #666fff">
    <tr><td>
    <b style="color: #ff0000;">set the bold in Red</b>
    </td></tr>
    </table>

    <!-- style set the bold in Red -->
    <style type="text/css">
    <!--
    B (text-shadow: "#666fff";color: "#ff0000";}
    -->
    </style>
    <!-- style css file set the bold in Red -->
    B {text-shadow: "#666fff";color: "#ff0000";}
    FIELDSET {
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial}
    H1 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #e88b00;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline overline}
    H2 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #008000;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline}
    H3 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #800000;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial}
    LI {
    FONT-SIZE: 10pt; FONT-FAMILY: Arial}
    OL {
    FONT-SIZE: 10pt; FONT-FAMILY: Arial}
    P {
    FONT-SIZE: 10pt; FONT-FAMILY: Arial}
    TD {
    FONT-SIZE: 10pt; FONT-FAMILY: Arial}


    A Page in style for my Dogs

    Here a Css File you can look at http://www.minpin.ath.cx/index.css and keep!
    Last edited by Afzal; 17-09-2009 at 12:01 PM. Reason: To ADD A link

Similar Threads

  1. Most of my applications have bold font! Help!
    By TA Guy in forum Customize Desktop
    Replies: 4
    Last Post: 22-03-2012, 04:45 PM
  2. Replies: 6
    Last Post: 26-11-2011, 04:20 PM
  3. Internet Explorer 9 using bold font only
    By Malipeddi in forum Technology & Internet
    Replies: 7
    Last Post: 26-08-2011, 06:59 PM
  4. Where can I make pre order to buy Blackberry Bold 9900?
    By Lisa Boney in forum Portable Devices
    Replies: 4
    Last Post: 17-08-2011, 10:14 AM
  5. Bold system font, how to remove it?
    By anthonyda in forum Vista Help
    Replies: 4
    Last Post: 30-11-2008, 07:36 PM

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Page generated in 1,716,853,730.33802 seconds with 17 queries