Tag: fonts

CSS3 Transforms & @font-face Experiment

This is the first of what I hope are number of experiments I plan on working on over the next few months, all in an effort to get acquainted with some of the new CSS3 features out in the wild that seem to be gaining some traction…
csshead 0 Comments

The Little Known font-size-adjust CSS3 Property

Ever wanted to use fallback fonts on your CSS with different aspect ratios without them looking huge or tiny? The sparkling new CSS3 font-size-adjust property could do just that, maybe…
csshead 0 Comments

Curtis CSS Typeface

Curtis is the name I’ve given for a family of geometric sans-serif fonts currently in development. Other incarnations exist as Fontstructions: Curtis Heavy and Curtis Pixel 14. This version takes form in CSS. All shapes are rendered by the browser, using a combination of background color, border width, border radius, and a heavily reliance on […]
csshead 0 Comments

Smoother @font-face embedding in IE 7 & 8

You could say I’ve become somewhat obsessed with @font-face embedding over the past few months. I’ve most certainly fell head over heels for the @font-face generator from fontsquirrel.com see the recap below.One thing however that has always bothered me is IE7 and IE8’s rendering of embedded fonts, so today with IE tester at hand and […]
csshead 0 Comments

How to use CSS @font-face

We’ll prepare typefaces for use on the web, go through @font-face CSS line-by-line, and get the experts take on browser support…
csshead 0 Comments

How to Achieve Cross-Browser @font-face Support

At the moment, web fonts are all the buzz. Unfortunately, achieving cross browser support is not easy. In this tutorial, I’ll show you how to get custom fonts working in all of the major browsers…
csshead 0 Comments

Becoming a Font Embedding Master

I’ve spent a couple days worth now trying to figure out the best and most complete approach to font embedding using @font-face. It really is a dark art that must be mastered. It is by no means a straightforward process. Here’s the findings…
csshead 0 Comments

Screencast: Converting OTF or TTF to EOT

A great screen cast explaining how to use FontForge to convert any properly licensed OTF or TTF font to EOT format that you can then embed in a web page using just CSS…
csshead 0 Comments

CSS @font-face in Depth

When I told one of my co-workers how excited I was that almost all the major browser vendors now supported font-embedding in their products, I got the same reaction from her that Bert from Sesame Street got when he told Ernie how exciting he thought bottle cap collecting was yes, gratuitous ridicule was involved. Now, […]
csshead 0 Comments

Guide to CSS Font Stacks: Techniques and Resources

CSS Font stacks are one of those things that elude a lot of designers. Many stick to the basic stacks Dreamweaver auto-recommends or go even more basic by just specifying a single web-safe font. But doing either of those things means you’re missing out on some great typography options. Font stacks can make it possible […]
csshead 0 Comments
« Previous Page — Next Page »