Click to See Complete Forum and Search --> : Typeface Hell!
shirtbloke
03-15-2003, 10:06 AM
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.
Has anybody got a list of the typefaces that come as standard with Windows 95, 98 etc - oh and the Mac too.
Or alternatively is there some trick to make a webpage load a typeface with itself?
The Shirt Bloke
www.shirtbloke.comwww.shirtbloke.com (http://shirtbloke.com)
khalidali63
03-15-2003, 10:35 AM
These are the font family values supported by CSS for all paltforms
serif
sans-serif
cursive
fantasy
monospace
If thats what you wanted..
:D
Khalid
shirtbloke
03-15-2003, 10:48 AM
I'm not really sure if that's it.
I've just looked at all the typefaces on my machine(in Front Page) and none of those were listed.
I really meant what faces come installed on (almost ) everybody's computer as standard when you install windows?
The shirt bloke
AdamGundry
03-15-2003, 01:06 PM
There are somewhat complete lists available on Microsoft's website:
http://www.microsoft.com/typography/fonts/default.asp
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.
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.
Adam
shirtbloke
03-15-2003, 02:10 PM
Thanks for that - it's useful reading.
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).
I shall use it more.
The Shirt Blokehttp://www.shirtbloke.com
JerryWMac
03-17-2003, 09:36 AM
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...
Possibly with linked files, or CSS, I honestly do not remember how it is done, only read it briefly...
Simple browser search for embedding fonts should give results for this...
shirtbloke
03-17-2003, 10:27 AM
Thanks -
I,ve just done a search on Google and come up with this....
http://hotwired.lycos.com/webmonkey/design/fonts/tutorials/tutorial2.html
It looks a little bit complicated, and unlikely to work on everybody's computer, so we seem to be back where we started.
The Shirt Bloke
DaveSW
03-17-2003, 10:49 AM
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.
WEFT Font Download
<HEAD>
<STYLE>@font-face {font-family:comic;0 src:url(http://abc.domain.com/fonts/comicbold.eot);}
</STYLE>
</HEAD>
<BODY>
<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.
<p>
</BODY>
You could use a CSS style sheet, select this font first, and then the font families Khalidali mentioned afterwards as a backup.
Dave
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.
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.
shirtbloke
03-17-2003, 02:10 PM
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.
DaveSW
03-17-2003, 04:20 PM
Ok.
Easy way to learn the use of CSS. :D
Put this in the head section of your document in Source view, next to the title tag.
<LINK HREF="styles/modernist.css" TYPE="text/css" REL="stylesheet" TITLE="W3C Core Styles: modernist" ID="sqstylesheet">
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.
Try it!
Dave
css file (http://www.emdevelopments.co.uk/styles/modernist.css)
DaveSW
03-18-2003, 06:52 AM
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!
shirtbloke
03-18-2003, 07:21 AM
If you could Email it, it would be a help.
Goto my sitehttp://www.shirtbloke.com (http://www.shirtbloe.com)
and use the contact link at the top of the page.
Many thanks
DaveSW
03-18-2003, 09:56 AM
I sent it to the enquiries address 'cos I wasn't sure which one to use. Is that OK?
Dave