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...
1/ The @font-face declaration.. [something like]
@font-face{font-family:'CallunaRegular';src:url('calluna-regular-webfont.eot');src:url('calluna-regular-webfont.eot?#iefix')
format('embedded-opentype'),url('calluna-regular-webfont.woff')
format('woff'),url('calluna-regular-webfont.ttf')
format('truetype'),url('calluna-regular-webfont.svg#CallunaRegular')
format('svg');font-weight:normal;font-style:normal}
2/ The font and fallbacks you want set for the page proper on the html
or body declaration ... [something like]
body{font: 100%/1.4 'Helvetica Neue',Helvetica,Arial,sans-serif;}
and 3/ The @font-face font /and/ its fallbacks set on the specific
element you want to hit [something like]
h1{font:180% 'CallunaRegular',Palatino,'Palatino
Linotype',Georgia,Times,'Times New
Roman',serif;font-weight:normal;font-style:normal;line-height:normal;}
See <http://www.fontsquirrel.com/fontface/generator>.
Check the expert box and it will generate most of what you need.
Best,
~d
______________________________________________________________________
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/
