I recently put together a web page using a typeface (Showcard Gothic) that I thought would be on everybody's machine, but of course it turned out it wasn't when I looked at the page on a friend's machine.<br />
<br />
Has anybody got a list of the typefaces that come as standard with Windows 95, 98 etc - oh and the Mac too.<br />
<br />
Or alternatively is there some trick to make a webpage load a typeface with itself?<br />
<br />
The Shirt Bloke<br />
<br />
<!-- w --><a class="postlink" href="http://www.shirtbloke.comwww.shirtbloke.com">www.shirtbloke.comwww.shirtbloke.com</a><!-- w --> (<!-- m --><a class="postlink" href="http://shirtbloke.com">http://shirtbloke.com</a><!-- m -->)<!--content-->These are the font family values supported by CSS for all paltforms<br />
<br />
serif<br />
sans-serif<br />
cursive<br />
fantasy<br />
monospace<br />
<br />
If thats what you wanted..<br />
<br />
<br />
<br />
Khalid<!--content-->I'm not really sure if that's it.<br />
<br />
I've just looked at all the typefaces on my machine(in Front Page) and none of those were listed.<br />
<br />
I really meant what faces come installed on (almost ) everybody's computer as standard when you install windows?<br />
<br />
The shirt bloke<!--content-->There are somewhat complete lists available on Microsoft's website:<br />
<br />
<!-- m --><a class="postlink" href="http://www.microsoft.com/typography/fonts/default.asp">http://www.microsoft.com/typography/fonts/default.asp</a><!-- m --><br />
<br />
Remember, however, there are so many different operating systems available (in different versions and so supplied with different fonts) there are not many you can rely on being present.<br />
<br />
You should always use one of the CSS font family values already mentioned as the last in your list, so that will act as the default.<br />
<br />
Adam<!--content-->Thanks for that - it's useful reading.<br />
<br />
I needed a big bold font, and it's good to see that Arial Black is one of the core fonts (IE 3.0 onwards).<br />
<br />
I shall use it more.<br />
<br />
The Shirt <!-- m --><a class="postlink" href="Blokehttp://www.shirtbloke.com">Blokehttp://www.shirtbloke.com</a><!-- m --><!--content-->Not certain if this helps, and I am also not certain how to do it, but I believe I saw reference awhile back that you can embed fonts with your web page, so that when the page is loaded, regardles of machine or OS, or browser the proper font is also loaded with it...<br />
Possibly with linked files, or CSS, I honestly do not remember how it is done, only read it briefly...<br />
Simple browser search for embedding fonts should give results for this...<!--content-->Thanks - <br />
I,ve just done a search on Google and come up with this....<br />
<!-- m --><a class="postlink" href="http://hotwired.lycos.com/webmonkey/design/fonts/tutorials/tutorial2.html">http://hotwired.lycos.com/webmonkey/des ... rial2.html</a><!-- m --><br />
<br />
It looks a little bit complicated, and unlikely to work on everybody's computer, so we seem to be back where we started.<br />
<br />
The Shirt Bloke<!--content-->Someone else I know tried doing this, and said it was simple, just upload the font file somewhere, and edit the code below. Crossbrowser compatibility I don't know about however.<br />
<br />
<br />
WEFT Font Download <!--more--><br />
<br />
<HEAD><br />
<STYLE>@font-face {font-family:comic;0 src:url(<!-- m --><a class="postlink" href="http://abc.domain.com/fonts/comicbold.eot">http://abc.domain.com/fonts/comicbold.eot</a><!-- m -->);}<br />
</STYLE><br />
</HEAD><br />
<BODY><br />
<p style="font-family:comic;font-size:18pt">this line uses the @font-face style element to display this text using the Comic Sans MS font in 18-point size and bold.<br />
<p><br />
</BODY><br />
<br />
You could use a CSS style sheet, select this font first, and then the font families Khalidali mentioned afterwards as a backup.<br />
<br />
Dave<br />
<br />
<br />
PS the font categories Khalid mentioned are for CSS sheets - it will find fonts on your PC that are listed in those categories, though they are a backup technique - try specifying a few fonts first.<br />
<br />
If you want an easy way to learn CSS let me know and I'll post the code you need to put in your document and the CSS file. I learned CSS basics this way and it makes life easier.<!--content-->I'd have to say that CSS are a bit of a mystery to me - I kinda know what they're for, but not how to do it. I'm using Front P:age, and as usual, the Microsoft help files are oblique to say the least - I've worked out how to specify them, but can't work out how to implement them.<!--content-->Ok.<br />
<br />
Easy way to learn the use of CSS. <br />
<br />
Put this in the head section of your document in Source view, next to the title tag.<br />
<br />
<LINK HREF=http://www.webdeveloper.com/forum/archive/index.php/"styles/modernist.css" TYPE="text/css" REL="stylesheet" TITLE="W3C Core Styles: modernist" ID="sqstylesheet"><br />
<br />
Then put the file from the link below in a folder called styles, in the same overall folder as the one you're working in, and bob's your uncle. well perhaps anyway. You can then open the attached file in notepad or wordpad and change the colours of each item. It's quite simple once you get the hang of it, you just need to know your websafe colours in hexidecimal, or alternatively you could just dabble and change the numbers.<br />
<br />
<br />
<br />
Try it!<br />
<br />
Dave <br />
<br />
<br />
css file (<!-- m --><a class="postlink" href="http://www.emdevelopments.co.uk/styles/modernist.css">http://www.emdevelopments.co.uk/styles/modernist.css</a><!-- m -->)<!--content-->Forgot to say, save it as a .css file. doh! I can email it to you if thats easier - the forum attachment feature doesn't allow .css files!<!--content-->If you could Email it, it would be a help.<br />
<br />
Goto my <!-- m --><a class="postlink" href="sitehttp://www.shirtbloke.com">sitehttp://www.shirtbloke.com</a><!-- m --> (<!-- m --><a class="postlink" href="http://www.shirtbloe.com">http://www.shirtbloe.com</a><!-- m -->) <br />
and use the contact link at the top of the page.<br />
<br />
Many thanks<!--content-->I sent it to the enquiries address 'cos I wasn't sure which one to use. Is that OK?<br />
<br />
Dave<!--content-->
<br />
Has anybody got a list of the typefaces that come as standard with Windows 95, 98 etc - oh and the Mac too.<br />
<br />
Or alternatively is there some trick to make a webpage load a typeface with itself?<br />
<br />
The Shirt Bloke<br />
<br />
<!-- w --><a class="postlink" href="http://www.shirtbloke.comwww.shirtbloke.com">www.shirtbloke.comwww.shirtbloke.com</a><!-- w --> (<!-- m --><a class="postlink" href="http://shirtbloke.com">http://shirtbloke.com</a><!-- m -->)<!--content-->These are the font family values supported by CSS for all paltforms<br />
<br />
serif<br />
sans-serif<br />
cursive<br />
fantasy<br />
monospace<br />
<br />
If thats what you wanted..<br />
<br />
<br /><br />
Khalid<!--content-->I'm not really sure if that's it.<br />
<br />
I've just looked at all the typefaces on my machine(in Front Page) and none of those were listed.<br />
<br />
I really meant what faces come installed on (almost ) everybody's computer as standard when you install windows?<br />
<br />
The shirt bloke<!--content-->There are somewhat complete lists available on Microsoft's website:<br />
<br />
<!-- m --><a class="postlink" href="http://www.microsoft.com/typography/fonts/default.asp">http://www.microsoft.com/typography/fonts/default.asp</a><!-- m --><br />
<br />
Remember, however, there are so many different operating systems available (in different versions and so supplied with different fonts) there are not many you can rely on being present.<br />
<br />
You should always use one of the CSS font family values already mentioned as the last in your list, so that will act as the default.<br />
<br />
Adam<!--content-->Thanks for that - it's useful reading.<br />
<br />
I needed a big bold font, and it's good to see that Arial Black is one of the core fonts (IE 3.0 onwards).<br />
<br />
I shall use it more.<br />
<br />
The Shirt <!-- m --><a class="postlink" href="Blokehttp://www.shirtbloke.com">Blokehttp://www.shirtbloke.com</a><!-- m --><!--content-->Not certain if this helps, and I am also not certain how to do it, but I believe I saw reference awhile back that you can embed fonts with your web page, so that when the page is loaded, regardles of machine or OS, or browser the proper font is also loaded with it...<br />
Possibly with linked files, or CSS, I honestly do not remember how it is done, only read it briefly...<br />
Simple browser search for embedding fonts should give results for this...<!--content-->Thanks - <br />
I,ve just done a search on Google and come up with this....<br />
<!-- m --><a class="postlink" href="http://hotwired.lycos.com/webmonkey/design/fonts/tutorials/tutorial2.html">http://hotwired.lycos.com/webmonkey/des ... rial2.html</a><!-- m --><br />
<br />
It looks a little bit complicated, and unlikely to work on everybody's computer, so we seem to be back where we started.<br />
<br />
The Shirt Bloke<!--content-->Someone else I know tried doing this, and said it was simple, just upload the font file somewhere, and edit the code below. Crossbrowser compatibility I don't know about however.<br />
<br />
<br />
WEFT Font Download <!--more--><br />
<br />
<HEAD><br />
<STYLE>@font-face {font-family:comic;0 src:url(<!-- m --><a class="postlink" href="http://abc.domain.com/fonts/comicbold.eot">http://abc.domain.com/fonts/comicbold.eot</a><!-- m -->);}<br />
</STYLE><br />
</HEAD><br />
<BODY><br />
<p style="font-family:comic;font-size:18pt">this line uses the @font-face style element to display this text using the Comic Sans MS font in 18-point size and bold.<br />
<p><br />
</BODY><br />
<br />
You could use a CSS style sheet, select this font first, and then the font families Khalidali mentioned afterwards as a backup.<br />
<br />
Dave<br />
<br />
<br />
PS the font categories Khalid mentioned are for CSS sheets - it will find fonts on your PC that are listed in those categories, though they are a backup technique - try specifying a few fonts first.<br />
<br />
If you want an easy way to learn CSS let me know and I'll post the code you need to put in your document and the CSS file. I learned CSS basics this way and it makes life easier.<!--content-->I'd have to say that CSS are a bit of a mystery to me - I kinda know what they're for, but not how to do it. I'm using Front P:age, and as usual, the Microsoft help files are oblique to say the least - I've worked out how to specify them, but can't work out how to implement them.<!--content-->Ok.<br />
<br />
Easy way to learn the use of CSS.
<br /><br />
Put this in the head section of your document in Source view, next to the title tag.<br />
<br />
<LINK HREF=http://www.webdeveloper.com/forum/archive/index.php/"styles/modernist.css" TYPE="text/css" REL="stylesheet" TITLE="W3C Core Styles: modernist" ID="sqstylesheet"><br />
<br />
Then put the file from the link below in a folder called styles, in the same overall folder as the one you're working in, and bob's your uncle. well perhaps anyway. You can then open the attached file in notepad or wordpad and change the colours of each item. It's quite simple once you get the hang of it, you just need to know your websafe colours in hexidecimal, or alternatively you could just dabble and change the numbers.<br />
<br />
<br />
<br />
Try it!<br />
<br />
Dave <br />
<br />
<br />
css file (<!-- m --><a class="postlink" href="http://www.emdevelopments.co.uk/styles/modernist.css">http://www.emdevelopments.co.uk/styles/modernist.css</a><!-- m -->)<!--content-->Forgot to say, save it as a .css file. doh! I can email it to you if thats easier - the forum attachment feature doesn't allow .css files!<!--content-->If you could Email it, it would be a help.<br />
<br />
Goto my <!-- m --><a class="postlink" href="sitehttp://www.shirtbloke.com">sitehttp://www.shirtbloke.com</a><!-- m --> (<!-- m --><a class="postlink" href="http://www.shirtbloe.com">http://www.shirtbloe.com</a><!-- m -->) <br />
and use the contact link at the top of the page.<br />
<br />
Many thanks<!--content-->I sent it to the enquiries address 'cos I wasn't sure which one to use. Is that OK?<br />
<br />
Dave<!--content-->