Go Back   SitePoint Forums > Forum Index > Design Your Site > Just Starting Your Design
Newsletter FAQ Members List Calendar Mark Forums Read

New to SitePoint Forums? Register here for free!

SitePoint Sponsor
 
Reply
 
Thread Tools Display Modes
Old Nov 4, 2009, 13:52   #1
Delta223
SitePoint Member
 
Join Date: Jun 2009
Posts: 21
List of Web Safe Fonts?

Hi,

Can someone point me to a good resource that has a list of Web-Safe Fonts for various Browsers and OS'es?

Thanks
Delta223 is offline   Reply With Quote
Old Nov 4, 2009, 13:58   #2
AlexDawson
SitePoint Mentor
 
AlexDawson's Avatar
 
Join Date: Feb 2009
Location: England, UK
Posts: 4,416
The following websites should be helpful...

http://www.speaking-in-styles.com/we...eb-Safe-Fonts/
http://www.codestyle.org/css/font-fa...ultsFull.shtml
http://www.apaddedcell.com/web-fonts

I use each of these on a regular occasion.
AlexDawson is offline   Reply With Quote
Old Nov 5, 2009, 05:48   #3
Moofball
SitePoint Enthusiast
 
Moofball's Avatar
 
Join Date: Nov 2009
Posts: 37
Good list. Thanks. I know most off the top of my head but i will bookmark those for future use.
Moofball is online now   Reply With Quote
Old Nov 5, 2009, 14:36   #4
ChrisNewton
SitePoint Member
 
Join Date: Jun 2007
Posts: 7
Thx for the links Alex, thats handy to know which ones are more common than others
ChrisNewton is offline   Reply With Quote
Old Nov 5, 2009, 17:40   #5
raena
Administrator
 
raena's Avatar
 
Join Date: Oct 2008
Location: Melbourne
Posts: 400
Black Max wrote an article listing a group of great font stacks to try. Not all the fonts in each stack are web-safe, but they're reasonably common enough and match up nicely.
http://articles.sitepoint.com/articl...ve-font-stacks
raena is offline   Reply With Quote
Old Nov 6, 2009, 06:31   #6
varul
SitePoint Enthusiast
 
Join Date: May 2008
Posts: 34
Quote:
Originally Posted by AlexDawson View Post
Add this website http://www.1001freefonts.com/ too into your list.
where you can find the wide variety of fonts.
varul is offline   Reply With Quote
Old Nov 6, 2009, 09:21   #7
ChrisNewton
SitePoint Member
 
Join Date: Jun 2007
Posts: 7
Quote:
Originally Posted by varul View Post
Add this website ...link... too into your list.
where you can find the wide variety of fonts.
I got a feeling that you've misunderstood the purpose of the thread
ChrisNewton is offline   Reply With Quote
Old Nov 6, 2009, 16:18   #8
AlexDawson
SitePoint Mentor
 
AlexDawson's Avatar
 
Join Date: Feb 2009
Location: England, UK
Posts: 4,416
I agree, though it doesn't seem to be a one off incident
AlexDawson is offline   Reply With Quote
Old Nov 6, 2009, 18:10   #9
felgall
SitePoint Mentor
SitePoint Award Recipient
 
felgall's Avatar
 
Join Date: Sep 2005
Location: Sydney, NSW, Australia
Posts: 9,611
The SitePoint book "The Principles of Beautiful Web Design" has a complete list of the web safe fonts that are available if you assume that all of your visitors are running either Windows or Mac OS/X. If you want to support other operating systems then you'd need to cross off any fonts that the additional operating systems don't support.

The Windows/Mac OS/X list of web safe fonts reads:

arial
arial black
comic sans MS
courier new
georgia
impact
times new roman
trebuchet MS
verdana

once you go beyond that list you need to start looking for equivalent fonts on the different operating systems so as to list multiple fonts in the hope that your visiotr will have one of them.
felgall is offline   Reply With Quote
Old Nov 6, 2009, 18:17   #10
AlexDawson
SitePoint Mentor
 
AlexDawson's Avatar
 
Join Date: Feb 2009
Location: England, UK
Posts: 4,416
That is by no means a "complete list", There are other font's can be considered websafe that aren't listed there. Andale Mono, Bookman Old Style, Century Gothic, Lucida Console, Lucida Sans Unicode, MS Sans Serif, MS Serif, Palatino Linotype, Tahoma and even to a certain extent Helvetica have been included within OS's (Windows/Mac) for a very long time and I don't know a web typographer who would claim they cannot be considered as such.
AlexDawson is offline   Reply With Quote
Old Nov 7, 2009, 12:52   #11
gareth_esutera
SitePoint Enthusiast
 
gareth_esutera's Avatar
 
Join Date: Aug 2008
Location: Manila
Posts: 47
I was wondering about the substitute fonts, if say I set Verdana as main font and Arial as substitute. Would it be possible to view how the site will look like in Arial font while you still have Verdana?
gareth_esutera is offline   Reply With Quote
Old Nov 7, 2009, 19:32   #12
SmithJohn
SitePoint Member
 
Join Date: Nov 2009
Posts: 1
Really usefull. Thank you.
SmithJohn is offline   Reply With Quote
Old Nov 7, 2009, 19:59   #13
AlexDawson
SitePoint Mentor
 
AlexDawson's Avatar
 
Join Date: Feb 2009
Location: England, UK
Posts: 4,416
Quote:
Originally Posted by gareth_esutera View Post
I was wondering about the substitute fonts, if say I set Verdana as main font and Arial as substitute. Would it be possible to view how the site will look like in Arial font while you still have Verdana?
Basically... no, you would need to remove the Verdana reference from the CSS to test it without such support, though as a piece of advice, both Arial and Verdana are websafe so the chances are Arial would never be called to be implemented as Verdana is as widespread as a font can get
AlexDawson is offline   Reply With Quote
Old Nov 8, 2009, 05:22   #14
akai10
SitePoint Member
 
Join Date: Nov 2009
Posts: 9
this is an excellent thread...I went mostly all the collections of fonts..now I dont think I have to look for my choice anywhere else.thanks to all
akai10 is offline   Reply With Quote
Old Nov 8, 2009, 22:18   #15
varul
SitePoint Enthusiast
 
Join Date: May 2008
Posts: 34
Quote:
Originally Posted by ChrisNewton View Post
I got a feeling that you've misunderstood the purpose of the thread
This is the way you are increasing your post count.
The link I have given is not related to that post?
You go & see the link whether it is useful or not?
Forum is the place where everyone sharing their related interest. isn't it?
By the way I am being here.
varul is offline   Reply With Quote
Old Nov 8, 2009, 22:43   #16
AlexDawson
SitePoint Mentor
 
AlexDawson's Avatar
 
Join Date: Feb 2009
Location: England, UK
Posts: 4,416
varul, this thread is about web-safe font's, posting some random font site where you can download generic typefaces which very few people are likely to have installed directly counter-act's the entire purpose of this thread and what the OP was looking for, no-where did he ask for or need such a website.
AlexDawson is offline   Reply With Quote
Old Nov 11, 2009, 05:22   #17
Stevie D
SitePoint Addict
 
Join Date: Mar 2006
Posts: 206
Quote:
Originally Posted by Delta223 View Post
Can someone point me to a good resource that has a list of Web-Safe Fonts for various Browsers and OS'es?
It's worth remembering that you don't have to use web safe fonts all the time!

You might decide that one font looks better than any of the web safe fonts, and so as long as you don't mind the fact that some people will see it in different fonts, it's perfectly OK to specify, eg
CSS Code:
* {font-family:calibri, verdana, sans-serif;}
as long as you have a catch-all description at the end of the list.
Stevie D is offline   Reply With Quote
Old Nov 11, 2009, 06:04   #18
AlexDawson
SitePoint Mentor
 
AlexDawson's Avatar
 
Join Date: Feb 2009
Location: England, UK
Posts: 4,416
Yea but Calibri has an additional disadvantage that it requires cleartype turned on else it's jagged and practically unreadable, making it's usage even further inhibited
AlexDawson is offline   Reply With Quote
Old Nov 11, 2009, 22:03   #19
Black Max
Lackey to Felines
 
Black Max's Avatar
 
Join Date: Apr 2007
Posts: 1,339
Raena, thanks for the citation of my article. I would really love to trim some of those font stacks I provided.

In general, Arial and Verdana don't go in the same stacks. Arial and Helvetica are thinner fonts, whereas Verdana is wider. Truncating the two font stacks from the article, I'd do something like:

(the Arial stack)
Quote:
Calibri, "Liberation Sans", "Nimbus Sans L", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
(the Verdana stack)
Quote:
Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, "Verdana Ref", sans-serif;
Note that the "universal" fonts, Arial and Verdana, go at the back of the stack, not the front. If you list them first, there's no point in listing the others.

The Vista fonts (Calibri and Corbel) are nicely done, but a bit smaller than their non-Vista counterparts, and require ClearType to appear correctly, so you could toss them without worrying. I am very fond of Segoe UI, which I somewhat ignorantly tossed into the Trebuchet stack (it might go better as an Arial replacement), but it, too, is a Vista font requiring ClearType.

The Lucidas make a nice alternative for Verdana.
Black Max is offline   Reply With Quote
Old Nov 12, 2009, 00:51   #20
Rider Hero
SitePoint Member
 
Rider Hero's Avatar
 
Join Date: Nov 2009
Posts: 14
Thanks for the list.
I'm also having problem on using and choosing web-safe font.
I'm very used to in using decorative and overkill fonts on banners and such which are not good in business.
Rider Hero is offline   Reply With Quote
Old Nov 12, 2009, 03:51   #21
AlexDawson
SitePoint Mentor
 
AlexDawson's Avatar
 
Join Date: Feb 2009
Location: England, UK
Posts: 4,416
I have currently have a soft spot for Lucida Sans Unicode (Body text), Trebuchet MS (captions and small-print) and Georgia (headings).
AlexDawson is offline   Reply With Quote
Old Nov 12, 2009, 16:11   #22
Black Max
Lackey to Felines
 
Black Max's Avatar
 
Join Date: Apr 2007
Posts: 1,339
Alex, if you can handle the ClearType issue (or whatever anti-aliasing system you're using), give Constantia a spin. It's a lovely serif font, and it's slightly smaller size gives it an additional elegance.

Damn Microsoft for releasing a clutch of truly excellent fonts, and then sabotaging them by making them CT-dependent.
Black Max is offline   Reply With Quote
Old Nov 12, 2009, 17:31   #23
raena
Administrator
 
raena's Avatar
 
Join Date: Oct 2008
Location: Melbourne
Posts: 400
For anyone who doesn't already have the new C-fonts, I think you still get them when you install PowerPoint Viewer.
raena is offline   Reply With Quote
Old Nov 12, 2009, 20:28   #24
Black Max
Lackey to Felines
 
Black Max's Avatar
 
Join Date: Apr 2007
Posts: 1,339
Quote:
Originally Posted by raena View Post
For anyone who doesn't already have the new C-fonts, I think you still get them when you install PowerPoint Viewer.
I forget now, but there's info in either my article or in the bibliography (in the forum discussion) that gives you info on obtaining the Vista fonts. (Actually, C-fonts is more accurate, because Segoe UI is not included in most downloads, which is too bad, it's a great font ... except for that ClearType issue.)
Black Max is offline   Reply With Quote
Old Nov 12, 2009, 20:30   #25
raena
Administrator
 
raena's Avatar
 
Join Date: Oct 2008
Location: Melbourne
Posts: 400
Yup. I'm not sure why that is. Segoe is lovely. I really like the light version.

You also get them with Office 07 for Mac.
raena is offline   Reply With Quote
Reply

Bookmarks

« Previous Thread | Next Thread »

Thread Tools
Display Modes

 
Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Sponsored Links
 
Forum Jump


All times are GMT -7. The time now is 02:38.


Powered by vBulletin® Version 3.7.1
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Copyright 1998-2009, SitePoint Pty Ltd. All Rights Reserved