Posts Tagged ‘Typography’

New Adventures Workshop

The time for New Adventures is nearly upon us! I’ve been building slides for my talk as well as prepping materials for my workshop on controlling web typography. The plan is to spend some time exploring the finer points of using web fonts and setting type on the web, then experiment with newer CSS properties and Lettering.js. Throughout the workshop, we’ll discuss fluid content and responsive web design... Read more →

Things Still Missing From CSS

Molly Holzschlag wrote a great article for .Net Magazine outlining seven things still missing from CSS. She gets into web fonts on #5, which is my favorite. I particularly liked this point: Fine control remains elusive – kerning, character spacing – controlling these aspects are both difficult to specify for numerous reasons. This is frustrating to designers who love typography and want to have that finer control. Huzzah! I couldn’t... Read more →

On Font-Size

I’ve noticed that just about every year or so I favor larger type for body / paragraph text. A while back I moved from 16px (100%) to 18px (112.5%) and today I decided to increase that to 20px (125%) for screens larger than 900px. I’ve been hesitant to worry too much about extra-large responsive views on this blog because I didn’t want to completely blowout the ideal range... Read more →

Netmag: Texturizing Web Type

I recently wrote a tutorial on texturizing web type for .Net magazine (Issue 221). One of my favorite CSS properties for text, mask-image, is covered in-depth from creating a semi-transparent texture in Photoshop to implementing it with HTML & CSS. To take things further, I added in a CSS transform to get that skew, then dropped in FitText to make it all scalable for use in your fluid/responsive layout.... Read more →

CSS Hyphenation

After reading this Fontdeck Blog post a few of weeks ago, I dropped an exciting new CSS property into the stylesheet for this blog. Wanting to test hyphenation on all my posts and pages, I applied CSS hyphenation to all paragraphs: p { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } During a day or so of road testing I noticed some pretty funky widows, so I fine-tuned my... Read more →

Wood Type Revival

I eagerly backed this Kickstarter project from Matt Griffin and Matt Braun a few months back and was thrilled to see that funding was successful. They’ve been hard at work, providing updates on acquisitions and process along the way. Now, Wood Type Revival is live and fonts are available for purchase! I started by grabbing Gothic Open Shaded and French Clarendon Ornamented, though I’m not sure I’ll be... Read more →

Tags