Text
Tools and resources for working with text and fonts on the web.
Preview your web fonts with Typetester
Typetester (http://www.typetester.org allows you to fiddle around with CSS font settings until you find the right one for your site. You can adjust the font’s family (websafe and not), size, leading, tracking, alignment, word space, underline, color, background color and font weight, with a live preview on the same page. Once you’re done, the page will spit you out a list of CSS properties that you can paste directly into your stylesheet.
Also, the site’s design packs 3 testers onto the same page, so you can lay your fonts out next to each other and see how they work together. You can also use this to test alternative fonts for dimensional compatibility. Nifty!
Special HTML Characters
There are many characters and symbols that can’t be entered directly into an HTML document. These need to be converted to HTML entities of the form &#XXXX; Some IDEs such as Coda have built in functions to convert these automatically. Otherwise you need to do it manually.
Listed below are some pages with HTML entity conversion tables.
Special HTML (ASCII ISO 8859-1) Characters: http://www.tedmontgomery.com/tutorial/HTMLchrc.html
List of Websafe Fonts
Here is the definitive list of web-safe fonts. Every browser in the world should be able to display these fonts:
Arial
Arial Black
Comic Sans Ms
Courier New
Georgia
Impact
Times New Roman
Verdana
Webdings
Fonts that are very similar and installed on all machines, but that have different names between mac and PC. You will have to declare both in your font-family property.
‘Lucida Console’,'Monaco’
‘Lucida Sans Unicode’,'Lucida Grande’
‘Palatino Linotype’,'Book Antiqua’
‘Tahoma’,'Geneva’
‘Times New Roman’,'Times’
‘Trebuchet MS’,'Helvetica’
‘Wingdings’,'Zapf Dingbats’
‘MS Serif’,'New York’
Some other people’s lists:
FontTester: http://www.fonttester.com/help/list_of_web_safe_fonts.html
AmpSoft: http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html