2014
Advanced web typography: Kerning » Blog » Elliot Jay Stocks
by sbrothierThe 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.
Font-To-Width
by 84GHz (via)Font‑To‑Width does not scale the font-size. Instead, it chooses a width or weight variant according to what fits best, and then allows for letter- and word-spacing adjustments as needed.
2013
2012
2011
Technical Web Typography: Guidelines and Techniques
by 84GHz & 2 othersTypografie im Webdesign einbinden
2010
Firefox 4: OpenType font feature support ✩ Mozilla Hacks – the Web developer blog
by sbrothier & 1 otherThe -moz-font-feature-settings CSS property permits control over kerning, ligatures, alternates, real small caps and stylistic sets to name just a few.
Lost World's Fairs
by sbrothierInternet Explorer 9 now supports WOFF, and the Friends of Mighty have joined forces to explore typographic possibilities on the web.
Lettering.JS | daverupert.com
by Krome & 3 othersParavel 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.
Lettering.JS | daverupert.com
by sbrothier & 3 othersParavel 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.
FontFonter
by sbrothier & 3 othersWeb 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.
Mo’ Bulletproofer @Font-Face CSS Syntax
by sbrothier & 1 other (via)Now that web fonts are supported in Firefox 3.5 and 3.6, Internet Explorer, Safari, Opera 10.5, and Chrome, web authors face new questions: How do these implementations differ? What CSS techniques will accommodate all?
Firefox developer John Daggett recently posted a little roundup about these issues and the workarounds that are being explored.
2009
Web Font Specimen
by sbrothier & 4 othersBecause web type renders differently with only subtle CSS adjustments, seeing it exercised in a variety of ways can help web designers typeset—and also help them decide which typefaces to purchase for their projects. Read more at A List Apart.
Combining Cufón and @font-face • CSS & (X)HTML • Kilian Valkhof
by sbrothier & 2 othersveryone wants @font-face to work everywhere, but as it stands, it only works in Safari and the upcoming versions of Firefox and Opera. In this article I’ll show you how to use Cufón only if we can’t load the font through other, faster methods.
About - cufon - GitHub
by sbrothier & 1 other (via)Cufón aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use. To achieve this ambitious goal the following requirements were set:
1. No plug-ins required – it can only use features natively supported by the client
2. Compatibility – it has to work on every major browser on the market
3. Ease of use – no or near-zero configuration needed for standard use cases
4. Speed – it has to be fast, even for sufficiently large amounts of text
And now, after nearly a year of planning and research we believe that these requirements have been met.
Facing up to Fonts | Slides and notes
by sbrothier & 1 other (via)Led by Richard Rutter
Browser support for the typographical aspects of CSS is gradually increasing. Things are on the up.
Richard will be trouncing the myth of web-safe fonts, demonstrating how to go beyond bold, detailing the technicalities of font embedding and exploring the commercial and ethical minefield therein.
The introduction of font embedding in particular is a long-awaited step in the right direction. However it brings with it a host of complications; technical, ethical and aesthetic.
This session will explain all.
1
(15 marks)