| clum111 |
| (regular) |
| Fri Jun 29 2007 12:06 PM |
Setting a Font style?
|
Hi All,
I'm sure I've seen a post on here asking the same thing, but I can't find it so sorry for repeating it.
I'm trying to use 1 font style on my web site, which work fine because the font is on my computer. But on other computers, its just the normal Roman font that shows up.
How do I get the font style that I want to show up on everyone else's computer please?
Cheers
| daverage |
| (regular) |
| Fri Jun 29 2007 12:34 PM |
Re: Setting a Font style?
|
They have to have the font installed to work.
Check here for an overview of the standard web fonts
http://www.theinternetdigest.net/archive/websafefonts.html
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
Also check out
http://www.w3schools.com/css/pr_font_font-family.asp
For info on how to specify more than one possible font,so if they don't have your font they will see the next best one.
| Whizwrinkly |
| (regular) |
| Fri Jun 29 2007 11:27 PM |
|
|
Re: Setting a Font style?
|
You should use a font style that is likely to be installed on most PCs. Arial,Tahoma, Verdana, Times NR etc.
No matter what font you choose, if it isn't on the visitors PC it will just revert to the closest one installed or the default.
| Dunx |
| (regular) |
| Fri Jul 06 2007 01:22 AM |
|
|
Re: Setting a Font style?
|
Easiest way to do this on a site is to define the font in a style sheet. If you're not sure what a style sheet is, it's simply a text file saved with a .css extension.
See w3schools/css for more information and tutorials about style sheets.
Add this to your style sheet:
body {font-family: arial, helvetica, sans-serif;}
This line defines the font for the entire site. 3 fonts are listed in the example - arial, helvetica, and sans-serif.
Arial will be used if available, (this you should change to the font you'd prefer).
If it's not available then helvetica will be used, if that's not available, sans-serif is used, if that's not available then the default on the users computer is used.
You need also to put the following code in the header section of your html code:
<link rel="stylesheet" type="text/css" href="style.css">
Assuming that you've called the style sheet style.css
All the best - Duncan
| clum111 |
| (regular) |
| Sun Jul 08 2007 01:54 PM |
|
Re: Setting a Font style?
|
Hi Duncan,
Thanks for the help, I've learnt something new today
Cheers,
Calum
