Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
font-weight property never works!
Old 08-10-2009, 11:17 AM font-weight property never works!
EdB
Skilled Talker

Posts: 79
Name: Ed Barnett
Trades: 0
Am I completely mad or am I the only person who can't get font-weight to work? I see lots of major websites saying that the font-weight CSS property is covered in all the major browsers but it never EVER works for me...?

I am going a bit soft in the head because of this. Can anyone help?
__________________

Please login or register to view this content. Registration is FREE
EdB is offline
Reply With Quote
View Public Profile Visit EdB's homepage!
 
 
Register now for full access!
Old 08-10-2009, 11:22 AM Re: font-weight property never works!
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,517
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
do we get examples of the code you use?
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 08-10-2009, 11:30 AM Re: font-weight property never works!
EdB
Skilled Talker

Posts: 79
Name: Ed Barnett
Trades: 0
Of course It's all very simple though. Here's the CSS

Code:
<style type="text/css">
body {
 color:#767884;
 font-weight:100;
}
.arial {
 font-family:Arial;
}
.verdana {
 font:Verdana;
}
.times {
 font:Times New Roman;
}
.xsmall {
 font-size:9px;
}
.small {
 font-size:11px;
}
.medium {
 font-size:13px;
}
.larger {
 font-size:16px;
}
.large {
 font-size:20px;
}
.xlarge {
 font-size:30px;
}
</style>
... and then the HTML
Code:
<p class="times xsmall">
I am Times New Roman at font size 9
</p>
<p class="times small">
I am Times New Roman at font size 11
</p>
<p class="times medium">
I am Times New Roman at font size 13
</p>
<p class="times larger">
I am Times New Roman at font size 16
</p>
<p class="times large">
I am Times New Roman at font size 20
</p>
<p class="arial xsmall">
I am arial at font size 9
</p>
<p class="arial small">
I am arial at font size 11
</p>
<p class="arial medium">
I am arial at font size 13
</p>
<p class="arial larger">
I am arial at font size 16
</p>
<p class="arial large">
I am arial at font size 20
</p>
<p class="arial xlarge">
I am arial at font size 30
</p>
<p class="verdana xsmall">
I am verdana at font size 9
</p>
<p class="verdana small">
I am verdana at font size 11
</p>
<p class="verdana medium">
I am verdana at font size 13
</p>
<p class="verdana larger">
I am verdana at font size 16
</p>
<p class="verdana large">
I am verdana at font size 20
</p>
<p class="verdana xlarge">
I am verdana at font size 30
</p>
__________________

Please login or register to view this content. Registration is FREE
EdB is offline
Reply With Quote
View Public Profile Visit EdB's homepage!
 
Old 08-10-2009, 11:59 AM Re: font-weight property never works!
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,517
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
You probably wouldn't see any real effect from those rules, as all the text would be the same weight, and only slightly "thinner" than the usual.
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 08-10-2009, 12:19 PM Re: font-weight property never works!
EdB
Skilled Talker

Posts: 79
Name: Ed Barnett
Trades: 0
Ok, so does the font-weight property ever work? Or is it only noticeable on larger font sizes? I'm just curious as the lack of proper font control frustrates me. We've come so far in terms of web development but we're still so limited in terms of fonts (types, thickness etc.)
__________________

Please login or register to view this content. Registration is FREE
EdB is offline
Reply With Quote
View Public Profile Visit EdB's homepage!
 
Old 08-10-2009, 12:39 PM Re: font-weight property never works!
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Quote:
so does the font-weight property ever work?
Of course it does, but it is more noticeable at the heavier weights. The font-face also has some effect on how that weight looks and renders.

As Chris said, a font-weight of 100 is going to be barely noticeable.

Quote:
the lack of proper font control frustrates me.
Welcome to the club. You really cannot translate the world of print to the web when it comes to this.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 08-10-2009, 04:43 PM Re: font-weight property never works!
orionoreo's Avatar
Ultra Talker

Posts: 335
Name: Jerry
Trades: 0
as said above... font-weight: bold is most common or font-weight: normal. some fonts such as Arial doesn't show weight very well through web...
__________________

Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
orionoreo is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to font-weight property never works!
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.24369 seconds with 12 queries