Tag: fonts

Gridlover

A great little tool that allows you to establish a typographic system with modular scale and vertical rhythm…
csshead 0 Comments

A Font Garde

A set of reliable (nay, bulletproof) patterns for icon fonts…
csshead 0 Comments

Font Icon Stacks

Icon fonts are great but they only work in a single color. Here’s an ingenious way to create multi-colored scalable graphics using icon fonts…
csshead 0 Comments

There’s more to the CSS rem unit than font sizing

Many web designers and developers are familiar with the CSS rem length unit. This article describes a couple of couple of handy alternate uses of the rem element that you may not have thought of…
csshead 0 Comments

CSS Font Stacks

A handy list of CSS based font stacks that you can copy and paste into your won stylesheets…
csshead 0 Comments

The Font-Face Rule and Useful Web Font Tricks

The possibility of embedding any font you like into websites via @font-face is an additional stylistic device which promises to abolish the monotony of the usual system fonts. It surely would be all too easy if there was only one Web font format out there. Instead, there’s quite a variety, as you will get to […]
csshead 0 Comments

The New Bulletproof @Font-Face Syntax

Since the beginning of the ‘webfont revolution’ we’ve relied on somewhat hacky @font-face declarations to get webfonts loading cross-browser. Could there be a better way? One that’s clear and compatible with future browsers?
csshead 0 Comments

Font metrics and vertical space in CSS

We put a lot of effort into the quality of the fonts in the Typekit library. As part of that work, we’ve been researching the relationship between font math and CSS, and would like to share what we’ve found. If you’ve ever wondered why some fonts look smaller than others at the same typeset size, […]
csshead 0 Comments

Ever Thought About Using @Font-face for Icons?

The evolution of Internet technologies never ceases to amaze. Seemingly daily, new concepts and techniques are being thought up by creative and talented people. With modern browsers being adopted at a greater rate, systems like CSS3 are becoming more and more viable for use on projects of all sizes. Clearly, this can be seen by […]
csshead 0 Comments

Quick and Easy CSS @font-face Code

What seems to be an ideal chunk of CSS code for implementing the @font-face rules. Tested on quite a few browsers, including the following: Safari 3.1+, Opera 10+, Firefox 3.5+, Chrome 4.0+, Internet Explorer 6+ This technique delivers your custom fonts quite consistently to all of these browsers, and degrades gracefully for those that don’t […]
csshead 0 Comments
Next Page »