how do i make a font in css, i see these css files that have 5 different fonts in them and it looks like one i've never seen, does the css file combine all those fonts? and if so, how can i know what will look good?
also, what i mainly want the css for is to have background images that dont move with the text arrows. can someone tell me how to do that? or iff i can do it without css?
thanks alot.
patrickFor the fonts:
font:normal 12pt "font 1","font 2","font 3";
normal = normal, bold, bolder, light, lighter
12pt (point value) or 15px (pixel value), 200% (this would be 200% bigger than the text is by default)
font 1, 2, and 3: Font 1 would be the main font, if the user doesn't have it installed on their computer, font 2 would be used, etc.
Background image:
This can be done without CSS:
<body background="img.ext" bgproperties="fixed">ok, so css doesn't create fonts, it just gives you more options as far as what the viewer has installed on they're comp, right?Right.thanksOriginally posted by Zach Elfers
normal 12pt
Avoid using pt unless you are making a stylesheet for print. It will vary in relative size especilly between different OS.
If you must use a fixed size stick to px, but % is usually better (especially since IE has a bug that makes fonts in px not scale when people try to increase/decrease fontsize).
"font 1","font 2","font 3";
Remember to always end the list of different fonts with a general family in case the user doesn't have ANY of the fonts you list.
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/fonts.html#generic-font-families">http://www.w3.org/TR/REC-CSS2/fonts.htm ... t-families</a><!-- m -->
Background image:
This can be done without CSS:
Yes, but why? It's longer as well as clumsier since you have to specify it on every page on your site instead of being able to specify it in your external css file one for your entire site.
{background: url(img.ext) fixed;}If you have seen a web page display a font that is not installed on your system, the author could be using Embedded fonts. This is a couple of systems, like Embedded OpenType and TrueDoc, but they only work for some browsers. I never tested the technology myself, because it seems like a huge waste of time for what it gives you, but you could read about it here:
<!-- m --><a class="postlink" href="http://hotwired.lycos.com/webmonkey/design/fonts/tutorials/tutorial2.htmlYes">http://hotwired.lycos.com/webmonkey/des ... l2.htmlYes</a><!-- m -->, I have seen sites that have embedded fonts, used via CSS and out of interest the Cascading Style Sheets, Level 2 revision 1 is in favour of deprecating such a method and waiting until CSS-3 hits the road when theoretical things like SVG could be used as a CSS WebFont reference base.
also, what i mainly want the css for is to have background images that dont move with the text arrows. can someone tell me how to do that? or iff i can do it without css?
thanks alot.
patrickFor the fonts:
font:normal 12pt "font 1","font 2","font 3";
normal = normal, bold, bolder, light, lighter
12pt (point value) or 15px (pixel value), 200% (this would be 200% bigger than the text is by default)
font 1, 2, and 3: Font 1 would be the main font, if the user doesn't have it installed on their computer, font 2 would be used, etc.
Background image:
This can be done without CSS:
<body background="img.ext" bgproperties="fixed">ok, so css doesn't create fonts, it just gives you more options as far as what the viewer has installed on they're comp, right?Right.thanksOriginally posted by Zach Elfers
normal 12pt
Avoid using pt unless you are making a stylesheet for print. It will vary in relative size especilly between different OS.
If you must use a fixed size stick to px, but % is usually better (especially since IE has a bug that makes fonts in px not scale when people try to increase/decrease fontsize).
"font 1","font 2","font 3";
Remember to always end the list of different fonts with a general family in case the user doesn't have ANY of the fonts you list.
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/fonts.html#generic-font-families">http://www.w3.org/TR/REC-CSS2/fonts.htm ... t-families</a><!-- m -->
Background image:
This can be done without CSS:
Yes, but why? It's longer as well as clumsier since you have to specify it on every page on your site instead of being able to specify it in your external css file one for your entire site.
{background: url(img.ext) fixed;}If you have seen a web page display a font that is not installed on your system, the author could be using Embedded fonts. This is a couple of systems, like Embedded OpenType and TrueDoc, but they only work for some browsers. I never tested the technology myself, because it seems like a huge waste of time for what it gives you, but you could read about it here:
<!-- m --><a class="postlink" href="http://hotwired.lycos.com/webmonkey/design/fonts/tutorials/tutorial2.htmlYes">http://hotwired.lycos.com/webmonkey/des ... l2.htmlYes</a><!-- m -->, I have seen sites that have embedded fonts, used via CSS and out of interest the Cascading Style Sheets, Level 2 revision 1 is in favour of deprecating such a method and waiting until CSS-3 hits the road when theoretical things like SVG could be used as a CSS WebFont reference base.