/    Sign up×
Community /Pin to ProfileBookmark

2 small questions

Copy linkTweet thisAlerts:
Dec 30.2002

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.
patrick

to post a comment
CSS

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@Zach_ElfersDec 30.2002 — For the fonts:

font:[B]normal 12pt[/B] "font 1","font 2","font 3";

normal = normal, bold, bolder, light, lighter

12pt (point value) [B]or[/B] 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">
Copy linkTweet thisAlerts:
@ptherinauthorDec 30.2002 — 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?
Copy linkTweet thisAlerts:
@Zach_ElfersDec 30.2002 — Right.
Copy linkTweet thisAlerts:
@ptherinauthorDec 30.2002 — thanks
Copy linkTweet thisAlerts:
@StefanDec 31.2002 — [i]Originally posted by Zach Elfers [/i]

normal 12pt
[/QUOTE]

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";[/QUOTE]

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.

http://www.w3.org/TR/REC-CSS2/fonts.html#generic-font-families


Background image:

This can be done without CSS:
[/QUOTE]

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;}
Copy linkTweet thisAlerts:
@King_PellinoreJan 08.2003 — 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:

http://hotwired.lycos.com/webmonkey/design/fonts/tutorials/tutorial2.html
Copy linkTweet thisAlerts:
@Robert_WellockJan 08.2003 — Yes, 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.
×

Success!

Help @ptherin spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...