liam_tmt7
06-20-2005, 01:51 PM
hi there,
i am trying to re design my website and was wondering if anyone has advice on fonts to use, or any recomendations on fonts.
thanks,
-Liam
samdax
06-20-2005, 05:54 PM
depend from design you want to use
let say
tahoma 9px, 80% black
David Clain
06-20-2005, 08:30 PM
Are you talking about body text or fonts for graphics?
If the latter, I recommend checking out GoodFonts.org (http://www.goodfonts.org/). I just came across the site the other day -- it has 300 free (and largely good) fonts. :)
BigBison
06-20-2005, 11:06 PM
The quickest answer is, stick to the nine typefaces considered 'safe' for body text, as described on this page:
http://www.motive.co.nz/resources/webfonts.html
You can expand that list a bit, if you understand the CSS 'font-family' rules, by using the Mac- or PC-only fonts listed on this page:
http://www.angelfire.com/al4/rcollins/style/fonts.html
The second site is a bit erroneous when it comes to fonts on the first list, like Georgia, which is listed as PC-only. However, due to the nature of things, most Macs with popular web browsers will also have it.
Georgia, Trebuchet, Verdana and (I think) Courier New have the benefit of being more "screen readable" than the rest, even at the largest and smallest pixel sizes.
For headings <h#>, many web designers often choose fonts they don't expect many users to have. This is accomplished using Photoshop or another image editor's 'text' tool to work with the desired font from your personal machine and save it as a graphic (typically transparent) which can be viewed by most everybody, even with drop shadows or other nifty effects.
Sometimes, a designer wants to create a small image with very small text in it, like buttons or icons. In this case, or others where the number of pixels is known, we turn to a special breed of web fonts called 'pixel fonts':
http://www.dafont.com/en/bitmap.php
While the general rule of thumb for web development at this time is to avoid 'user-downloadable' fonts, there is a notable exception. Scalable Inman Flash Replacement, or SIFR, allows headings to be dynamically generated. The browser's Flash plugin replaces the desired text with a graphical representation.
http://www.mikeindustries.com/sifr/
Browsers without Flash see the same text, rendered in the font as listed in the font-family CSS rule. With an eye to the future, the next likely standard for embedding fonts in a web document will likely be SVG (Scalable Vector Graphics) fonts, an XML technology.
bfriesen
06-20-2005, 11:22 PM
dafont.com/en/ is AWESOME! They have such a large font collection! It's pretty amazing. Also, as stated above, they generate the font file dynamically on the website. Thumbs up!
liam_tmt7
06-23-2005, 01:13 PM
cheers guys,
those fonts should help me with my graphics
Liam
DeathBerry
06-23-2005, 01:50 PM
create your own fonts :D
that's what I do
FN-Brian
06-23-2005, 03:55 PM
1001fonts.com/ is a good site as well.