#fonts (127 links)
- Loading Typekit fonts asynchronously « The Typekit Blog blog.typekit.com
Just in case, like.
- Google Web Fonts google.com
- Using Fonts on the Web - Support - Fontsmith fontsmith.com
"What we can do is push the evolution of font makers and services. Next time you’re shopping for type, don’t just look for your favorite face as a webfont. Ask for more"...
- 25 Font Management Tools Reviewed - Smashing Magazine smashingmagazine.com
Thrilling, edge-of-seat stuff.
Subversion doesn't support resource forks, which is why committing PostScript font files doesn't work.
- Google Font API - Google Code code.google.com
- Web Font Specimen webfontspecimen.com
Because 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.
- The problem with @font-face « Tech Talk roblaplaca.com
Reasonable arguments against the current state of @font-face. "I want sIFR to die as much as the next person but I’m still too apprehensive to use @font-face embedding in my projects. Without being able to present a simple, open, self-hosted path on how to include custom fonts on a site, I can’t see clients signing-off."
- Candy by James | CSS3 @font-face browser support table james.gameover.com
It’s time for a CSS3 @font-face browser support table. One that documents specifically how browsers act when either the whole font family is specified (regular, italic, bold, bold-italic & small-caps) or only the regular version of the font is specified.
- Web FontFonts (FF Release 52) | Blog | FontShop fontshop.com
More than 30 of the most successful FontFont families are now available as Web FontFonts®, including FF DIN®, FF Meta®, FF Dax®, and FF Kievit®.
- Revised Font Stack | A Way Back awayback.com
These font-stacks are created after considering the font-share percentage on both Mac and Windows platforms and then checked in browser for x-height and other issues (like: readability).
- FontExplorer® X Server - Professional font management software fontexplorerx.com
Expensive, hefty looking font server.
- Soma FontFriend • Soma Design somadesign.ca
A bookmarklet for typographically obsessed web designers. It enables rapid checking of fonts and font styles directly in the browser without editing code and refreshing pages.
- Web Fonts: Custom fonts using @font-face typotheque.com
Hosted @font-face. For cash, of course.
- High Performance Web Sites :: @font-face and performance stevesouders.com
Ouch. "My first piece of advice is to avoid using @font-face unless it’s critical to the page. The primary reason for this advice is that font files block rendering of the entire page in IE until they’re done downloading. Stylesheets also have this problem. But stylesheets provide styling for all aspects of the entire page, whereas font files only add one thing - a custom font."
- Boing Boing Redesign Uncovers Web Font Ignorance | Phinney on Fonts thomasphinney.com
Bottom line: the font sucks. This should not be a surprise. Most free fonts do. Don’t get me wrong. There are a few great free fonts out there. But 98% of free fonts suck badly, and maybe about 20% of typically-priced retail fonts suck badly, so set your expectations appropriately.
Far from delivering the look BoingBoing was going for, @font-face fell flat on its face; when the changes went live Tuesday, not only were the fonts Boing Boing wanted to use not legally available for the web, the font it settled on — specifically BPreplay — ended up looking terrible for most users.
- @font-face in Depth useragentman.com
- mezzoblue § Starting with @font-face mezzoblue.com
- Karsten Luecke Type Foundry kltf.de
@font-face tests. "The same typeface looks very differently on different platforms, and even on the same platform if settings differ."
- Typefaces we can all share : Open Font Library openfontlibrary.fontly.org
- The Typography Manual - For the iPhone and iPod Touch typographyapp.com
The Typography Manual has several useful features and resources for designers, including a visual type anatomy glossary, a font size ruler, an em calculator, and enough content to fill a 60 page book. It has all the essentials of a desk reference in a regularly updated pocket resource.
- Fuck the foundries [dive into mark] diveintomark.org
"This, then, is my current thinking about embedded web fonts: FUCK THE FOUNDRIES." Mark Pilgrim rants.
- Striking Web Sites with Font Stacks that Inspire - Inspiration Bit inspirationbit.com
More on font stacks.
- Facing up to Fonts | Slides and notes webtypography.net
Excellent presentation on current state of web fonts/methods and typography. Grab the version with the notes.
- Home - cufon - GitHub wiki.github.com
A possible sIFR alternative. "Fast text replacement with canvas and VML - no Flash or images required."
- @font-face in IE: Making Web Fonts Work — Jon Tan 陳 jontangerine.com
As you probably know @font-face already works in Safari 3 via WebKit and is supported in the latest Firefox 3.1 beta. With IE, that means around 75% of the world audience could see custom typefaces today if their EULAs allowed it. Fortunately, there are good free faces available to us already, as well as some commercial faces that permit embedding.
- Pixels to Ems Conversion Table for CSS — Jon Tan 陳 jontangerine.com
- typeface.js -- Rendering text with Javascript, <canvas>, and VML typeface.neocracy.org
Instead of creating images or using flash just to show your site's graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally. This is a work in progress, but functional enough.
- sIFR Generator sifrgenerator.com
An online tool that allows you to create sIFR .swf files with a few clicks of your mouse. Simply upload the TTF font of the font you want to convert, preview and download.
- Unit Interactive :: Blog :: Better CSS Font Stacks unitinteractive.com
- JeffCroft.com: Luxury Type jeffcroft.com
"I’d like to encourage designers to open their mind and consider using some of the other typefaces that are often pre-installed on computers these days." 4 years back and most people still aren't really doing this.
- Daring Fireball: iPhone Fonts daringfireball.net
"MobileSafari is limited, however, by the fonts installed on the iPhone.2 Here’s the list.:
I have put together a matrix of (western) fonts showing which are installed with Mac and Windows operating systems, which are installed with various versions of Microsoft Office, and which are installed with Adobe Creative Suite.
Web Safe Typography on Screen for Pixel Perfectionists
- lalit dot lab lalit.org
JavaScript code to Detect available Fonts using JavaScript and CSS.
- Usable Cross Browser Font Sizing » Middleware Infrastructure mi6.ais.ucla.edu
"My opinion is still that using % in the body and em for units is superior is it allows for text resizing in IE/win, is less browser specific (both methods are foiled by the typographical workings of IE5, but the Keyword Approach stumbles in some versions
- 24 ways: Compose to a Vertical Rhythm 24ways.org
"On the Web, vertical rhythm – the spacing and arrangement of text as the reader descends the page – is contributed to by three factors: font size, line height and margin or padding. All of these factors must calculated with care in order that the rhy