954,598 Members — Technology Publication meets Social Media

Have something to say? Contribute New Article Reply to this Article

0

Help in font family:

i have a web page which i set the body with the following external styles.

.body{
background-image:url(bg_image.jpg);
background-repeat: repeat;
font-size: 12px;
font-family: Arial, Verdana, Georgia, Times New Roman, Sans-Serif;
}

.body a:link{color:#0000FF; text-decoration:none;}
.body a:visited{color:#0000FF; text-decoration:none;}
.body a:hover{background-color:none;color:none; text-decoration:underline;}

The problem is only in fonts.All fonts in my page appears to be BOLDED WHILE I DIDN`T SET LIKE THAT.
I HAVE TRIED TO CHECK WHAT IS THE PROBLEM WITHOUT SUCCESS.
I will appreciate if someone will tell me what to do,or i should do to force all the font to be UNBOLDED.
thankx.

Posting Whiz in Training

283 posts since Mar 2008

Reputation Points: 17

Solved Threads: 8

0

last year the same thing happend to me and i noticed that i change the internet explorer's text-size from medium to larger. it might be the case for you too.

Postaholic

Banned

2,062 posts since Jan 2008

Reputation Points: 854

Solved Threads: 127

0

i did as u said but nothing changed.
Also i noticed this problem is all browsers i tested:

explorer,mozila,opera,google crome and even Safari.
I`m still confused.

Posting Whiz in Training

283 posts since Mar 2008

Reputation Points: 17

Solved Threads: 8

0

why dont you post your entire page so we can display in our computers?

Postaholic

Banned

2,062 posts since Jan 2008

Reputation Points: 854

Solved Threads: 127

0

i have a web page which i set the body with the following external styles.
.body{
background-image:url(bg_image.jpg);
background-repeat: repeat;
font-size: 12px;
font-family: Arial, Verdana, Georgia, Times New Roman, Sans-Serif;
}

.body a:link{color:#0000FF; text-decoration:none;}
.body a:visited{color:#0000FF; text-decoration:none;}
.body a:hover{background-color:none;color:none; text-decoration:underline;}
The problem is only in fonts.All fonts in my page appears to be BOLDED WHILE I DIDN`T SET LIKE THAT. I HAVE TRIED TO CHECK WHAT IS THE PROBLEM WITHOUT SUCCESS. I will appreciate if someone will tell me what to do,or i should do to force all the font to be UNBOLDED. thankx.

just try to add this after your css code.. don't know if it will help

Nearly a Posting Virtuoso

1,317 posts since Apr 2007

Reputation Points: 19

Solved Threads: 115

0

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<title>No body can stop you from being happy</title>
</head>
<body class="body">

above is how i`m linking my styles.
so how or should i put the Code u suggested above.???

Posting Whiz in Training

283 posts since Mar 2008

Reputation Points: 17

Solved Threads: 8

0

try putting it after this code

not so sure if it will help..just try it....

Nearly a Posting Virtuoso

1,317 posts since Apr 2007

Reputation Points: 19

Solved Threads: 115

0

nothing changed..

Posting Whiz in Training

283 posts since Mar 2008

Reputation Points: 17

Solved Threads: 8

0

Try to use this css property.
font-weight: lighter, normal, bold, bolder;

Light Poster

28 posts since Mar 2009

Reputation Points: 10

Solved Threads: 2

0

yah! use in u r body tag like and try.

font-weight: normal;

Junior Poster in Training

52 posts since Nov 2007

Reputation Points: 10

Solved Threads: 2

0

It would definitely help others to see a full page code, including CSS, etc. for accurate triage. Certainly something like the following may work (note "body" and ".body" in your case are synonymous, and seems redundant):

body {
     font-weight: normal;
}

However, the above may not be enough (and is the default behavior anyway), and totally depends on your page markup. For example, you might have an extra or or something around your content. In that case, you'd either need to (ideally) modify your markup appropriately (i.e. remove the or in this case), or change your CSS to select the given element and overwrite the bold behavior.

In the meantime, we're really just guessing at solutions...

Junior Poster in Training

55 posts since May 2008

Reputation Points: 22

Solved Threads: 12

0

speed tweak take the dot(.) out of your css body definition,
is just

Posting Sensei

3,149 posts since Jan 2009

Reputation Points: 571

Solved Threads: 376

0

i agree. if you set your body on a certain style, it's more difficult in resolving the rest of your styles to suite a certain criteria, so always set your body at minimum!! and style the rest of your page to what you require. Also make sure that you didn't create the content 'table' of what you are refering to in another table with he font set to bold.

Junior Poster

145 posts since Mar 2009

Reputation Points: 13

Solved Threads: 18

0

I don't see anything here that would define bold text; if this is your entire CSS, then it seems your issue is with HTML - if you post it (or point to somewhere it exists online), we can take a look.

i have a web page which i set the body with the following external styles.
.body{
background-image:url(bg_image.jpg);
background-repeat: repeat;
font-size: 12px;
font-family: Arial, Verdana, Georgia, Times New Roman, Sans-Serif;
}

.body a:link{color:#0000FF; text-decoration:none;}
.body a:visited{color:#0000FF; text-decoration:none;}
.body a:hover{background-color:none;color:none; text-decoration:underline;}
The problem is only in fonts.All fonts in my page appears to be BOLDED WHILE I DIDN`T SET LIKE THAT. I HAVE TRIED TO CHECK WHAT IS THE PROBLEM WITHOUT SUCCESS. I will appreciate if someone will tell me what to do,or i should do to force all the font to be UNBOLDED. thankx.

Junior Poster in Training

55 posts since May 2008

Reputation Points: 22

Solved Threads: 12

0

just make sure that you did not put the text in another table, perhaps something like maintable that contains everything on your page and that maintable style does not have text set to bold.

Junior Poster

145 posts since Mar 2009

Reputation Points: 13

Solved Threads: 18

0

I think it would help us more if you can give us the URL of your website so we can check your code and even your CSS.

The way you have set your CSS nothing weird and the fonts should not look as bold. However that .body is it a class or you want to give the global body CSS rules? If its global you have to remove the dot before the body.

As someone else mentioned you might have set a bold font on a container div or something like that, but we can keep guessing unless you post an URL to the problem or pastebin your CSS code.

Newbie Poster

4 posts since Mar 2009

Reputation Points: 10

Solved Threads: 2

0

i discovered that the problem was with the tags i used in my coding..,i mean when creating tables.
which tends to interfears wit with this

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

So after,i added this in my css everything was ok.
th{
font-weight:normal;
}
Thankx to all who contributed to this)))

Posting Whiz in Training

283 posts since Mar 2008

Reputation Points: 17

Solved Threads: 8

This question has already been solved

You

© 2012 DaniWeb® LLC

Home | About Us | Contact Us | Terms of Service | Advertising Opportunities