How to make a font Bold with CSS

Krish07 · #1 15-09-2009

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 15-09-2009

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

Praetor · #3 15-09-2009

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.

Katty · #4 15-09-2009

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.

.

Quote:

boldText{font-weight: bold;}

<p> This is normal text</p>

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

kelfro · #5 15-09-2009

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.

Quote:

<!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 16-09-2009

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 17-09-2009

Quote:

Originally Posted by Katty

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 type="text/css">

</style>

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!

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

Similar Threads for: "How to make a font Bold with CSS"
Thread	Thread Starter	Forum	Replies	Last Post
Most of my applications have bold font! Help!	TA Guy	Customize Desktop	4	22-03-2012 04:45 PM
How can I make the font / text size bigger with HP Photosmart C8180?	Jagjeet-J	Hardware Peripherals	6	26-11-2011 04:20 PM
Internet Explorer 9 using bold font only	Malipeddi	Technology & Internet	7	26-08-2011 06:59 PM
Where can I make pre order to buy Blackberry Bold 9900?	Lisa Boney	Portable Devices	4	17-08-2011 10:14 AM
Bold system font, how to remove it?	anthonyda	Vista Help	4	30-11-2008 07:36 PM