fonts ??

[DaveinLondon]

Hi
I am a bit confused about using different fonts :o

I would like to use the following fonts:
Accent SF
Hobbit SF
Seabird Light SF

To use say, Seabird Light SF, should I write

<div style='font-family:Seabird Light SF; ...

or is there a family group that it belongs to ?
Which group - how do we know which group the other two belong to ?

OR

should I use <div style='font:Seabird Light SF; ... ?

Whats the difference ??

Thanks for any help! :)

[DaveinLondon]

I tried the following but the font didn't change:

<div style='font:Seabird Light SF; width:600px; position:absolute;left:200px; top:450px;'>
<b>Placed an advert before ?<br />
Login and benifit from the ADVERTISMENT MANAGER.</b>
</div>

:confused:

[NogDog]

style="font-family: 'Seabird Light SF'; ..."

However, most people probably don't have that available for their browser, so you should provide an alternative, as well as a generic font:

style="font-family: 'Seabird Light SF', 'alternate font', sans-serif; ..."

[ChiefNX]

I'd be very cautious about using those fonts because I've never heard of them. If you don't have a font on your computer then your browser can't interpret them.

You should stick to fonts that the majority of people have.

In answer to your question

<div style='font-family:Seabird Light SF;'>

Is the correct version.


EDIT: Damn, beat me to it...

[CrustyMcMuffin]

If you really want to use that font you could always embed it. I wouldn't advise doing this though as whenever a new user visits your site they will have to download the font which will slow things down a wee bit and depending on their security settings they could get a warning any time they visit your site.

Where do you want to use the font, is it for the header or the main page text?

[DaveinLondon]

Is it possible to somehow reference or attach a font so that it is available to the HTML page ( maybe using js or PHP or an include file ) ?

[felgall]

<div style='font-family:Seabird Light SF;'>

Is the correct version.


No it isn't. When font names hace spaces in them you have to enclose the whole name in quotes.

<div style='font-family:"Seabird Light SF";'>

You would still want to add at least one common font and a generic font type after it so that the 99.9999% of people who don't have that font will see it in something other than the system default font.

[ChiefNX]

No it isn't. When font names hace spaces in them you have to enclose the whole name in quotes.

<div style='font-family:"Seabird Light SF";'>



Sorry, I never use inline styles.

[Charles]

Sorry, I never use inline styles.The rule applies to all styles, inline or not.

[ChiefNX]

No:

<style type="text/css">
div {font-family: Seabird Light SF;}
</style>

??

[the tree]

That would be wrong. It should be:element{
font-family: 'Seabird Light SF', Tunga, sans-serif;
}
font-family
The name of a font family of choice. In the previous example, "Baskerville", "Heisi Mincho W3", and "Symbol" are font families. Font family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the font name are ignored and any sequence of whitespace characters inside the font name is converted to a single space.
-- CSS specs > fonts > font-family values (http://www.w3.org/TR/CSS2/fonts.html#value-def-family-name)

[Charles]

http://www.w3.org/TR/REC-CSS2/fonts.html#value-def-family-name

[the tree]

http://www.w3.org/TR/REC-CSS2/fonts.html#value-def-family-nameHehe, I beat Charles *does happy dance*

[ChiefNX]

Oh, is this something to do with the change from CSS to CSS2?

I never get any errors when I validate my CSS files.

[DaveinLondon]

where is the best place to see the list of generally used fonts
that 99.5 % of peeps will see ?
I use MS windows XP prof

I have put this in my CSS file
.comments{font-size:12px; font-family: 'Seabird Light SF', Tunga, sans-serif; font-weight:normal;}

Actually I don't know what tunga is ! is it the family for Seabird light ? or is it a common font face ?

[ChiefNX]

I'd say the most common are Arial, Tahoma, Verdana, Trebuchet, Times New Roman and Courier.

[Hemmer]

If you really want to use them in say a header, just use an image. Its probably less hassle and at least will guarantee people can see it...

[kiwibrit]

If you really want to use them in say a header, just use an image. Its probably less hassle and at least will guarantee people can see it...
But it's not scalable.

[the tree]

where is the best place to see the list of generally used fonts Generic font families (http://www.w3.org/TR/REC-CSS2/fonts.html#generic-font-families) one of these should appear at the end of each list.
or is it a common font face?It's fairly common one, I'm pretty sure it comes with Windows XP.

[Charles]

Here's a way cool URL and a must have tool - and the only decent thing from Microsoft

http://www.microsoft.com/typography/fonts/default.aspx

[ChiefNX]

Here's a way cool URL and a must have tool - and the only decent thing from Microsoft

http://www.microsoft.com/typography/fonts/default.aspx

Apart from Windows and Office...

And many other good programs/programming languages/concepts/other stuff.

[Charles]

Windows is so bad Microsoft is about to start charging people for the updates.

OpenOffice (http://www.openoffice.org/) does everything that MS Office does, but more and better and without the occasional virus.

[the tree]

Although I can think of plenty good things to come from Microsoft, I can't imagine Windows ever coming onto that list.