On Wed, Sep 21, 2011 at 1:58 PM, David Laakso
<da...@chelseacreekstudio.com> wrote:
> On 9/21/11 1:47 PM, David Laakso wrote:
>>
>> On 9/21/11 1:04 PM, Tom Livingston wrote:
>>>
>>> On Wed, Sep 21, 2011 at 12:57 PM, David Laakso
>>> <da...@chelseacreekstudio.com> wrote:
>>>>
>>>> On 9/21/11 12:15 PM, Tom Livingston wrote:
>>>>>
>>>>> Listers,
>>>>>
>>>>> General cascade question...
>>>>>
>>>>> Can I spec my fallback font stack on the body, like:
>>>>> body{font-family: Arial, Helvetica, sans-serif;}
>>>>>
>>>>> and then, on ONLY the elements that I wish to use a custom font, spec
>>>>> JUST the custom font, like:
>>>>> h1{font-family: 'HelveticaNeueW01-57Cn';}
>>>>> and have the fallback work properly because of the body font-family
>>>>> declaration?
>>>>>
>>>>> Or do I have to spec the whole stack on each element, like:
>>>>> h1{font-family:
>>>>> 'HelveticaNeueW01-57Cn',Arial,Helmet,Freesans,sans-serif;}
>>>>>
>>>>> Thanks in advance.
>>>>>
>>>>
>>>> Assuming I understand the question I think you need...
>>>>
>>>
>>> Nope. I know how to make a font stack. I want to know if a custom font
>>> on H1 will fall back to the stack on the body, or do I need the whole
>>> stack - custom and fallbacks - on the H1.
>>>
>>> TIA
>>
>>
>>
>> I think you need to declare both the custom font /and/ its fallbacks on
>> H1. For example, if the custom font for h1 is a slab-serif, and the font and
>> fallbacks declared on the body declaration are sans, in all likelihood h1
>> will render a /serif/ in browsers and device browsers not supporting
>> @font-face [unless perhaps if the user has declared sans as the default font
>> in her browser preferences, or has a user style sheet with sans as default.
>> ~d
So you're saying it WILL fall back to the body stack.
One would need to be aware of WHAT the fall backs are, but if all
custom fonts are sans-serif, and falling back to Arial - which is
*only* on the body - is acceptable, then it will work.
Thanks David.
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
