Please login or register.

Login with username, password and session length
Advanced search  

News:

Latest sNews - sNews 1.7 - with its own forums - for discussion and user mods.

Author Topic: Fonts for the Internet: A list.  (Read 1833 times)

Joost

  • Guest
Fonts for the Internet: A list.
« on: July 25, 2007, 05:46:33 pm »

Fonts for the Internet: A list.

Websites don't send fonts to the browser, they tell the browser which fonts to use. Unfortunately, not all Operating Systems have the same fonts on board. So when a webpage tells the browser to use ClearlyU and it is not available, a different font will be displayed.
Css is able to suggest an alternative or equivalent.

For convenience I created a short list, focussed on Windows and Mac equivalents (sorry *nix users). You can copy/paste the preferred line directly into the stylesheet. The code looks for a Windows font first, if not present, it looks for a Mac font, if both not present, it looks for any font of the same happy family.

Quote
Serif
 font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 font-family: "Times New Roman", Times, serif;
 font-family: Georgia, serif; /*Available for Windows and Mac*/


sans-serif
 font-family: Arial, Helvetica, sans-serif;
 font-family: Tahoma, Geneva, sans-serif;
 font-family: "Trebuchet MS", Helvetica, sans-serif;
 font-family: "MS Sans Serif", Geneva, sans-serif;

'boldy' types
 font-family: "Arial Black", Gadget, sans-serif;
 font-family: Impact, Charcoal, sans-serif;

Cursive types
 font-family: "Comic Sans MS", cursive; /*Available for Windows and Mac*/

Type-writer style
 font-family: "Courier New", Courier, monospace;
 font-family: "Lucida Console", Monaco, monospace;

Commonly used for unicode
 font-family: "Lucida Sans Unicode", "Lucida Grande", ClearlyU, sans-serif;


Example with fallbacks (sans-serif)
 font-family: Verdana, Geneva, Arial, Helvetica, "DejaVu Sans", sans-serif;

(Red fonts are *nix fonts.)
More interesting information about fonts for the Internet:

Common fonts to all versions of Windows & Mac equivalents
Best Browser Fonts
Web Type 101, a primer
Web-Safe Fonts
Web Safe Fonts
Fonttester
Reliability of “web–safe” fonts

Did you find this information useful?
Then please support your local pub.
Logged

Fred K

  • Still trying to learn stuff
  • ULTIMATE member
  • ******
  • Karma: 130
  • Posts: 2728
    • Personal
Fonts for the Internet: A list.
« Reply #1 on: July 26, 2007, 12:14:20 pm »

Nice summary, Joost.

ooh, a bug!
Quote from: the List
Serif
font-family: "MS Serif", "New York", serif;
font-family: "Times New Roman", Times, serif;
font-family: "MS Sans Serif", Geneva, sans-serif;
font-family: Georgia, serif; /*Available for Windows and Mac*/
(MS Sans Serif, Geneva, sans-serif should be with the, erm, sans-serifs...) :o :)
(Oh, and New York is a prehistoric font used on very old Mac systems. Don't think it's particularly wide-spread today. Just as a side note.)
Logged

Joost

  • Guest
Fonts for the Internet: A list.
« Reply #2 on: July 26, 2007, 03:33:13 pm »

Quote from: agentsmith
ooh, a bug!
Not a bug, It is I !!! :mad:
Fixed :)
Logged