16 Web Safe Fonts To Use With CSS

A list of web safe fonts that you can use with CSS stylesheets. “Web Safe” fonts mean that they will be extremely common on most versions of Windows, Mac, Linux etc, so they will be viewable by more or less everyone. Along with each font is a preview image of what it looks like, and […]

Fonts available for @font-face embedding

There can be license issues when using fonts with @font-face embedding. Here’s a useful list of fonts that specifically allow @font-face embedding…

What are webfonts?

Webfonts are font files embedded in websites using the @font-face rule. This technique was first available in Netscape Navigator 4 using Bitstream’s TrueDoc standard but was discontinued in Netscape Navigator 6. Microsoft developed the Embedded OpenType format .eot which is supported in Internet Explorer since version 4. In march 2008 Apple introduced Safari 3.1 which […]

A Primer on the CSS Font Shorthand Property

Font declarations and related properties in CSS are fairly straightforward to write in longhand. But there is a shorthand CSS property for declaring certain typographical properties that is well-supported across all common browsers, but a little quirky to work with. In this article I’ll describe how the css font shorthand property is used, how it […]

PX to EM conversion made simple

PXtoEM.com is pixels to em conversion made simple. Choose your body font size in pixels (px) and out comes a complete pixel (px) to em conversion table, making elastic web design with CSS a snap. The once daunting challenge of converting pixels (px) to the elusive em has now been reduced to a booger eating […]

How To Style Your Type With CSS

A few weeks ago, I wrote a series of posts on Typography rules and how applying the concept of Contrast, Space, Size and Hierarchy, we can produce appealing, attractive and importantly legible text. These rules are equally applicable for print work and the web. Let’s look at a simple example of a single web page, […]

CSS Typography – Examples for CSS and Web Typography

A demonstration page listing some impressive pure CSS typography tips and tricks. You can view the page source code to see how the effects are achieved…

10 Examples of Beautiful CSS Typography and how they did it

Lately I have been very interested in how far we can take Typography only using CSS. Sure you can use images or sIFR to produce some very beautiful typography, but there is something unique and special about using only CSS. It is incredibly useful too, if you know the extent you can take CSS you […]

« Previous Page