links - fonts on the web

1a. fonts in web page - @font-face

• How to make @font-face work in all browsers http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/ "I'll show you how to get custom fonts working in all of the major browsers." Tutorial, demo, download code. Very clear, step-by-step. Devon Govett - ThemeForest : November 2009

1b. fonts in web page - about font stacks (font cascade)

• A font stack (cascade) for Tibetan   fonts_on_the_web/tibetan_on_web_pages-css_font_cascades.txt Do like this:
  "Monlam Uni ouchan1", "Microsoft Himalaya", "TCRC Youtso Unicode", "Tibetan Machine Uni", Arial; TibetanGeeks : 2010
• A Not-So-Sweet Tale of Digital Type http://www.aiga.org/content.cfm/a-not-so-sweet-tale-of-digital-type AIGA : 2009
• Don't use verdana   http://virtuelvis.com/archives/2004/01/avoid-verdana Says verdana causes problems because things look bad if user doesn't have verdana. I'm not sure i agree with his conclusions but there's a lot of interesting information in this discussion. Arve Bersvendsen : January 2004
• Eight definitive web font stacks http://www.sitepoint.com/article/eight-definitive-font-stacks/ SitePoint : 2009
• Font stacks http://www.sitepoint.com/newsletter/viewissue.php?id=5&issue=56 Choosing the default fonts in css. SitePoint : 2009
• Georgia on my mind http://www.inspirationbit.com/georgia-on-my-mind/ About Georgia font? InspirationBit : 2009

1c. fonts in web page - embedded fonts

• Getting started with Google font API   http://code.google.com/apis/webfonts/docs/getting_started.html "This guide explains how to use the Google Font API to add web fonts to your pages. You don't need to do any programming; all you have to do is add a special stylesheet link to your HTML document, then refer to the font in a CSS style." Google : May 2010
• Google font API FAQ   http://code.google.com/apis/webfonts/faq.html "Questions that are frequently asked about the Google Font API. Google : May 2010
• Google font directory   http://code.google.com/webfonts "All the fonts available via the Google Font API. All fonts in the directory are available for use on your website under an open source license and are served by Google servers." Google : May 2010
• WebFont Loader http://code.google.com/apis/webfonts/docs/webfont_loader.html "For greater control over how browsers behave while the font is still loading, ..." Google : May 2010

about fonts

• Articles about fonts on WPDFD http://http://www.wpdfd.com/search/?cx=016666751118016533987%3A4c4po2ixmao&cof=F ORID%3A11&q=fonts&sa.x=0&sa.y=0&siteurl=www.wpdfd.com%2F#784 A search on WePage Design for Designers for excellent articles about fonts on the web. WPDFD : 2010
• Complete Guide to Pre-Installed Fonts in Linux, Mac, and Windows http://www.apaddedcell.com/web-fonts Lists all fonts commonly installed on three major operating systems as well as Microsoft Office, including font samples and a listing of foreign language fonts. Padded Cell : 2009
• How to decide which font family to use   http://webdesign.about.com/od/fonts/a/aa080204.htm One of the easiest ways to impact the design of a web page is with the fonts that you use. ... This guide will help you find the font that works best for your situation. Jennifer Kymin - About.com : 2010

about typography

• The Anatomy of Web Fonts http://www.sitepoint.com/article/anatomy-web-fonts Very good. starts out with discussion of page/screen, and color. "Since the adoption of CSS into mainstream Web design, we have entered a new age of Web typography. This facet of design has been opened up to the Web designer in a way that wasn't possible in the past. We now have the tools to return typography to its true role within the sphere of design." Andy Hume : december 2005
• Type rendering on the web http://blog.typekit.com/2010/10/05/type-rendering-on-the-web/ This explains a lot! Four parts: Intro; Type on operating systems; Type in web browsers; Design of fonts for the web. Follow the links at top of articles. Tim Brown - TypeKit : October 2010
• TypeSites http://www.typesites.com/ A critical look at sites featuring interesting typography. TypeSites : 2009
• Web Typography Introduction   http://www.yourhtmlsource.com/text/webtypography.html "An introduction to typography, starting with font classifications and then going into the practicalities of online text." Ross Shannon - Your HTML Source : Jan 2010
• Web Typography: Educational Resources, Tools and Techniques http://www.smashingmagazine.com/2010/11/16/web-typography-100-educational-resour ces-tools-and-techniques/ Even without following any of the links, this is a great way to get understanding of how fonts get rendered (displayed) on the screen, and more. Pictures for each item. Smashing Magazine : November 2010

More fonts_on_the_web info on this site