Re: bolder/lighter defintion

On May 18, 2009, at 11:00 PM, John Daggett wrote:

> This is my proposed wording:
>
>>
>> Values of 'bolder' and 'lighter' indicate values relative to the  
>> weight
>> of the parent element.  Based on the inherited weight value, the  
>> weight
>> used is calculated using the chart below.  Child elements inherit the
>> calculated weight, not a value of 'bolder' or 'lighter'.
>>
>>   Inherited value   bolder  lighter
>>   100               400     100
>>   200               400     100
>>   300               400     100
>>   400               700     100
>>   500               700     100
>>   600               900     400
>>   700               900     400
>>   800               900     700
>>   900               900     700
>>
>> The table above is equivalent to selecting the next relative bolder  
>> or
>> lighter face, given a font family containing normal and bold faces  
>> along
>> with a thin and a heavy face. Authors who desire finer control over  
>> the
>> exact weight values used for a given element should use numerical  
>> values
>> instead of relative weights.


Just to clear up any possible misunderstanding on my part. Assuming  
the used font has weights 100, 200, 300 and 400, and the parent  
element is set to use font-weight 100, then 'bolder' for a descendent  
element will still map to 200. Correct ?
Or will it always go to 400 ?

Using exact with values provides better control, but at the cost:  
relative weights provide a better fall back. Assuming the following:

p {font-weight:100;}
span {font-weight:bolder;}
<p>text text <span>bolder text</span> and more text</p>

The span will always use a darker, bolder face.
But replace 'font-weight:bolder' with 'font-weight:300': if the client  
doesn't have a font with multiple weights, all the text will display  
with font-weight 400.

Philippe
---
Philippe Wittenbergh
http://l-c-n.com/

Received on Tuesday, 19 May 2009 02:39:28 UTC