Fonts on websites, ...
 

MegaSack DRAW - This year's winner is user - rgwb
We will be in touch

[Closed] Fonts on websites, can I specify a fallback? (possible CSS).

3 Posts
3 Users
0 Reactions
70 Views
 PJay
Posts: 4888
Free Member
Topic starter
 

I'm no expert with websites but do manage a small charity site. I'd like to use the Calibri font that ships with certain Microsoft products but not everyone is going to have it installed on their system. If I specify Calibri in my stylesheet what happens on systems without this font installed, can I specify a replacent (Arial is pretty common) or will the users' individual browsers/settings pick a replacement or use their 'default' font?

Microsoft do supply a [url=" http://www.microsoft.com/typography/WEFT.mspx ]WEFT[/url] tool for font embedding, but it's old (and looks rather complicated) so I don't know whether it's worth exploring.


 
Posted : 05/02/2010 7:33 pm
Posts: 54
Free Member
 

you basically specify a list and the browser starts at the left and works its way through until it finds one it recognizes:

ie:

p
{
font-family:"Times New Roman",Georgia,Serif;
}

[url= http://www.w3schools.com/CSS/pr_font_font-family.asp ]info here[/url]

hope this makes sense.


 
Posted : 05/02/2010 8:12 pm
 PJay
Posts: 4888
Free Member
Topic starter
 

Thanks for that, I'll have a play.


 
Posted : 06/02/2010 9:58 am
Posts: 31206
Full Member
 

Don't do font-embedding - it doesn't work.

Put them in order of preference in the CSS as woffle says, finishing with [b]sans-serif[/b] as the last option.

Make sure your layout actually works with all of them.


 
Posted : 06/02/2010 10:15 am