PUBLIC MARKS with tags webfonts & typography

Web FontFonts are built to serve most people’s needs, and often contain a huge number of glyphs. Yet most of the time you’ll only need a few of them! By dropping what you don’t need, you can greatly reduce the font file size to optimize bandwidth usage, make your websites faster, and reduce high-traffic costs.

The battle for consistent font smoothing is a universal struggle for web designers. Photoshop has its own proprietary way of displaying type, none of which accurately reflect browser rendering. Every browser renders type in its own way AND even operating systems have their own method of text rendering. Oy!

The simplest way to turn on kerning is to use text-rendering: optimizeLegibility;, which, depending on the browser, will also enable other OpenType features. Like I said yesterday, though, that this isn’t an official CSS property and in theory could become unsupported at any time. It’s also been known to cause a few issues.

2013 was a big step forward in the quest for a more beautiful, readable web. We saw an impressive 160% increase in the number of sites adopting custom web fonts and were spoiled with an unprecedented selection of faces that excel on screen. Today, Jake Giltsoff presents his favorites from the Class of 2013—those brand new designs that you’ll defo want to try out in the year ahead

As we all know, just because a font is available on the web does not mean it was designed for the web. Today, Dan Eden looks at a few screen-optimized typefaces available from Fonts.com, which are also free for all Typecast customers to use on live sites!

Now all your communications can speak in the same clear voice. Introducing Cloud.typography from H&FJ, the webfont solution for design professionals.

Webfonts services like Typekit are great, but for a lot of cases they’re just not practical. For example, if you’re developing a WordPress theme, you can’t ask potential buyers to buy a monthly subscription, and you can’t bundle a font with the theme either unless it’s free.

Now you can use the woff font in your mockup, lets say you found some cool free font on the web and its in woff forma and you want to see how it will look in your mockup. But no graphics program will let you use the woff font format as a regular font. That's where this nice little tool comes in.(since the above happen to me) Here you can bridge the gap between the graphics program and the woff font.

Symbolsets are semantic symbol fonts. They work in modern browsers and anywhere OpenType features are supported.

A collection of nice font stacks. Inspired by Typestacks. Fonts from Typekit. Stacks with a price label indicate that certain fonts are only available on one of Typekit’s paid plans. If you ask me, it’s worth every penny. Go sign up.

On Sunday 28 October I attended Shanghai Barcamp 9, organised by TechYizu. It was great to catch up with everyone in the local tech scene. Barcamps are "unconferences", meaning anyone can show up without registering, and give a talk on a geeky topic of their choice. Here's my talk from the event, on love hotels and Unicode.

Typekit is excited to announce a partnership with Mobify which will allow designers to unify their desktop and mobile experiences. One of our first joint customers is Wired, who has used the new integration to revamp their mobile presence.

The -moz-font-feature-settings CSS property permits control over kerning, ligatures, alternates, real small caps and stylistic sets to name just a few.

Internet Explorer 9 now supports WOFF, and the Friends of Mighty have joined forces to explore typographic possibilities on the web.

Webtype is a collaboration of leaders in type and technology formed to offer designers and developers the best quality professional fonts for their websites. In the past, designers have faced significant limitations and technical challenges in deploying fonts on their websites. With Webtype, consistent typographic fidelity will finally be available with a new palette of professional fonts tailored specifically for the web. Webtype was built from the ground up to provide the quality, consistency, flexibility, and reliability that designers and webmasters require for their work. Backed by a team of respected type experts, software engineers, and sales & support personnel, customers will be able to customize the typography of their sites quickly, reliably, and economically without sacrificing quality and readability.

Paravel has just wrapped up an exciting secret project with three of the web’s most talented designers: Jason Santa Maria, Frank Chimero, and Naz Hamid. These designs are epic, like 18,123px epic. Working with these guys was a complete joy. There were a few fun development challenges and – as you might expect from these gentlemen – a lot of fancy typography work in the delivered PSDs.

We're done with the tired old fontstacks of yesteryear. Enough with the limitations of the web, we won't have it. It's time to raise our standards. Here, you'll find only the most well-made, free & open-source, @font-face ready fonts.

Web FontFonts are high quality, screen-optimized fonts designed specifically for web use. Learn more » FontFonter uses custom CSS and other techniques to temporarily replace a site’s font styles with Web FontFonts.

I really don't like the text upgrade FOUT, so I personally prefer webkit's technique. But either way, we want the font loaded ASAP, so let's speed it up!

The Google Font Directory lets you browse 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 served by Google servers.

Using real fonts on the web is no longer something to look forward to – the technology is ready, the industry has responded, and designers are building sites with them every day. We are excited to be part of this shift in how the web works, and we’re happy to be able to give back to the community through open source.

FontFinder is created for designers, developers and typographers. It allows a user to analyze the font information of any element on a page, copy any piece(s) of that information to the clipboard, and perform inline replacements to test new layouts.