font-weight property?

Hello

font-weight property doesn’t seem to work?

I’ve been experimenting with some HTML text. In the Edit Styles window I’ve created a text style and then using the Extended option, created “font-weight: 100” attribute.

But when previewed in a browser the font weight is exactly the same. I was expecting it to be very light.

Am I doing something wrong?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

In response to my own thread…

does the font-weight property modify the weight of the font, i.e. make letters lighter or bolder (similiar to Microsoft Word faux bolding fonts)

or

does it reference light or bold weights of the font used, i.e. font-weight:light will search for Helvetica Neue Light and use that font/weight and if it isn’t installed it will just use the regular weight??

Thanks


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It sounds like you may be applying it to graphic text, in which case I very much doubt it will work. Make sure the text you’re applying it to is html text.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 17 Mar 2010, 11:54 am, Mark wrote:

I’ve been experimenting with some HTML text. In the Edit Styles window I’ve created a text style and then using the Extended option, created “font-weight: 100” attribute.

100 what? Pixels? Percent?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Font weight will only work on certain fonts (as far as I can tell it’s only those with weight variants built in such as Helvetica Neue, Gill Sans, Copperplate etc). Take a look at the latest Knowledgebase article for examples of it used in CSS font stacks:

On 17 Mar 2010, at 19:08, chuckamuck wrote:

On 17 Mar 2010, 11:54 am, Mark wrote:

I’ve been experimenting with some HTML text. In the Edit Styles window I’ve created a text style and then using the Extended option, created “font-weight: 100” attribute.

100 what? Pixels? Percent?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Joe

Thanks for your response. Yes, from the research I’ve done, the font-weight property will only work with fonts with different weights within the font set.

However, it seems that the font-weight property isn’t supported properly in browsers. See http://pixelmatrixdesign.com/weblog/comments/advanced_web_typography/

The work around is to set Helvetica Neue Light in the font set, with alternatives to fall back on.

Cheers

Mark


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Mark,

We’ve found that the Helvetica Neue Light font set from our article works:

HelveticaNeue-Light, “Helvetica Neue Light”, “DejaVu Sans Light”, “Helvetica Neue”, “Helvetica”, “Arial”, sans-serif; font-weight:300

The first font is for Safari/Webkit, the second is for Opera, the third is a Linux alternative, the fourth, along with the added font-weight is for Firefox and the fifth, sixth and seventh are further fallbacks.

Joe

On 19 Mar 2010, at 11:48, Mark wrote:

Hi Joe

Thanks for your response. Yes, from the research I’ve done, the font-weight property will only work with fonts with different weights within the font set.

However, it seems that the font-weight property isn’t supported properly in browsers. See http://pixelmatrixdesign.com/weblog/comments/advanced_web_typography/

The work around is to set Helvetica Neue Light in the font set, with alternatives to fall back on.

Cheers

Mark


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 19 Mar 2010, at 13:12, Joe Billings wrote:

We’ve found that the Helvetica Neue Light font set from our article works:

Sorry, that should have read, “works well” :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options