Hi all, I've been meaning to respond to this post, but have been waiting until I had working examples of Typekit. Right now I have FF Dagny and FF Meta Serif working on LogicalThings.com for page headers, sub-headers and sidebar copy and then Bella Pro and BigSmalls Bold for the blog title, subtitle and sidebar headers on CrateDiggersGold.com.
My experiences thus far: - Rendering issues are rampant with some fonts virtually unreadable on certain browser/os combinations. The big lesson here: paper renders different from pixels -- most of those fonts will need to be retooled for use on the web. Also (big shocker here) not every browser engine renders the same font the same way (on every os). Woe is us! - JS issues are causing intermittent failures on Safari/Windows ( http://twitpic.com/q5gvz). Typekit is aware of this and other Safari issues and is working on the problem. - Character width seems to be a major factor when deciding where to use a Typekit font since your fallback CSS stack will likely use Arial, Georgia or one of the other five reliable browser fonts. If you design your page, say in a sidebar, to use a condensed webfont and someone with an older version of FF, IE or Safari hits your page, those sidebar headers will wrap and affect your design. - There are not a whole lot of webfont options for readable body text and thus I have left mine either Arial or Verdana as I know those will always be readable. All that being said, I'm still using them albeit in a conservative manner so that I don't have to worry about users with ancient browsers. What are your experiences? Have you learned anything that might shed some light? I'm interested in hearing your story. Cheers, Art Thompson, Jr. Logical Things - Web, Design & Marketing Solutions 917-609-1158 [m] 512-692-9865 [w] www.LogicalThings.com twitter.com/LogicalThings www.linkedin.com/in/LogicalThings On Tue, Nov 17, 2009 at 10:18 AM, Alex S. Jones <[email protected]>wrote: > For designers and anyone interested in typography on the Web, I highly > recommend you check out Web Font Specimen <http://webfontspecimen.com/> and > the A List Apart article "Real Web Type in Real Web > Context<http://www.alistapart.com/articles/real-web-type-in-real-web-context/>" > that explains it. As we near a point where real typographic controls and > options are available to us, its pivotal time for professionals to step up > and gain (or remember) skills that haven't been of use on the Web. The gap > between good and *great* designs and designers will grow and the > differences will be much more apparent at a glance and in the details. > > If you haven't had a chance to play with Typekit <http://typekit.com/> or > learn about the various font embedding options (see The Potential of Web > Typography: <http://craigmod.com/journal/font-face/> and Bulletproof > @font-face > Syntax<http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/>) > recently > layered into browsers, now's a good time to fatten up a few brain cells. > > Links > Web Font Specimen: http://webfontspecimen.com/ > Real Web Type in Real Web Context: > www.alistapart.com/articles/real-web-type-in-real-web-context/ > Typekit: http://typekit.com/ > The Potential of Web Typography: http://craigmod.com/journal/font-face/ > Bulletproof @font-face Syntax: > http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/ > > Cheers, > > Alex Jones > www.SilverSpider.com > www.twitter.com/BaldMan > www.RefreshAustin.org > > > > > --~--~---------~--~----~------------~-------~--~----~ > Our Web site: http://www.RefreshAustin.org/ > > You received this message because you are subscribed to the Google Groups > "Refresh Austin" group. > > [ Posting ] > To post to this group, send email to [email protected] > Job-related postings should follow http://tr.im/refreshaustinjobspolicy > We do not accept job posts from recruiters. > > [ Unsubscribe ] > To unsubscribe from this group, send email to > [email protected] > > [ More Info ] > For more options, visit this group at > http://groups.google.com/group/Refresh-Austin > -~----------~----~----~----~------~----~------~--~--- > > -- Our Web site: http://www.RefreshAustin.org/ You received this message because you are subscribed to the Google Groups "Refresh Austin" group. [ Posting ] To post to this group, send email to [email protected] Job-related postings should follow http://tr.im/refreshaustinjobspolicy We do not accept job posts from recruiters. [ Unsubscribe ] To unsubscribe from this group, send email to [email protected] [ More Info ] For more options, visit this group at http://groups.google.com/group/Refresh-Austin
