Go Back   TechArena Community > Software > Software Development
Become a Member!
Forgot your username/password?
Tags Active Topics RSS Search Mark Forums Read

Reply
 
Thread Tools Search this Thread
  #1  
Old 15-09-2009
Member
 
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.
Reply With Quote
  #2  
Old 15-09-2009
Hot-Text
 
Posts: n/a
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
Reply With Quote
  #3  
Old 15-09-2009
Member
 
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.
Reply With Quote
  #4  
Old 15-09-2009
Member
 
Join Date: May 2008
Posts: 2,008
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.

.
Quote:
boldText{font-weight: bold;}

<p> This is normal text</p>

<p class="boldText"> This is BOLD text</p>
Reply With Quote
  #5  
Old 15-09-2009
Member
 
Join Date: Apr 2008
Posts: 2,001
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.


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>
Reply With Quote
  #6  
Old 16-09-2009
darrenalex
 
Posts: n/a
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.
Reply With Quote
  #7  
Old 17-09-2009
Hot-Text
 
Posts: n/a
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
Reply With Quote
Reply

  TechArena Community > Software > Software Development
Tags: , , , ,



Thread Tools Search this Thread
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


All times are GMT +5.5. The time now is 09:31 AM.